Increase resource placeholder height in control unit card

MTES-MCT · Jan 8, 2024 · a420531 · a420531
1 parent 3c1f45b
commit a420531
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/...nd/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx b/...nd/src/features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Item.tsx
@@ -40,6 +40,7 @@ export function Item({ controlUnitResource, onEdit }: ItemProps) {
 const Wrapper = styled.div`
   background-color: ${p => p.theme.color.cultured};
   display: flex;
+  min-height: 96px;
 `
 
 const InfoBox = styled.div`
@@ -66,6 +67,7 @@ const Note = styled.div`
   -webkit-line-clamp: 3;
   display: -webkit-box;
   overflow: hidden;
+  margin-bottom: 4px;
 `
 
 const Name = styled.p`

diff --git a/...features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx b/...features/ControlUnit/components/ControlUnitDialog/ControlUnitResourceList/Placeholder.tsx
@@ -13,12 +13,13 @@ export function Placeholder({ type }: PlaceholderProps) {
 }
 
 const Wrapper = styled.div`
-  align-items: center;
+  align-items: flex-start;
   background-color: ${p => p.theme.color.lightGray};
   display: flex;
-  height: 94px;
+  flex-grow: 1;
   justify-content: center;
-  min-height: 94px;
+  max-width: 116px;
   min-width: 116px;
+  padding-top: 32px;
   width: 116px;
 `