[#3] added type to app card

linagora · Jun 25, 2024 · d5266da · d5266da
1 parent f3b563e
commit d5266da
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/components/managerComponents/AppCard.css b/src/components/managerComponents/AppCard.css
@@ -5,6 +5,7 @@
   border-radius: 15px;
   align-content: center;
   cursor: pointer;
+  position: relative;
 }
 
 .card:hover {
@@ -52,3 +53,20 @@
   text-align: center;
   width: max-content;
 }
+
+.bottomRectangle {
+  background-color: rgba(
+    0,
+    0,
+    0,
+    0.158
+  ); /* Change this to the desired background color */
+  padding: 5px 10px;
+  border: 1px solid #acacac;
+  border-radius: 10px;
+  font-size: 12px;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
diff --git a/src/components/managerComponents/AppCard.tsx b/src/components/managerComponents/AppCard.tsx
@@ -129,6 +129,7 @@ function AppCard({
           ) : (
             ""
           )}
+          <div className="bottomRectangle">{t(type)}</div>
         </div>
       </div>
       <Menu
-Original file line number
+Diff line change
@@ Expand Up / @@ -129,6 +129,7 @@ function AppCard({ @@
               ) : (
                 ""
               )}
+              <div className="bottomRectangle">{t(type)}</div>
             </div>
           </div>
           <Menu
@@ Expand Down @@