From 3f90d80a80f7c81966067f0812fc23e098379810 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 16 Aug 2023 03:20:54 +0600 Subject: [PATCH] fix roomcard layout --- src/entities/room/ui/RoomCard.tsx | 12 ++++++------ src/widgets/RoomsList.tsx | 11 +++++------ 2 files changed, 11 insertions(+), 12 deletions(-) diff --git a/src/entities/room/ui/RoomCard.tsx b/src/entities/room/ui/RoomCard.tsx index 5f82231..16c51cb 100644 --- a/src/entities/room/ui/RoomCard.tsx +++ b/src/entities/room/ui/RoomCard.tsx @@ -13,7 +13,6 @@ const Container = styled.div` display: flex; width: calc(100% - 20px); padding: 24px; - justify-content: space-between; align-items: center; border-radius: 10px; @@ -24,13 +23,13 @@ const Container = styled.div` const Info = styled.div` display: flex; - width: 329px; - justify-content: space-between; + width: 392px; + gap: 24px; align-items: center; `; const Title = styled.h3` - width: 259px; + width: 100%; font-family: var(--font); font-size: 20px; font-style: normal; @@ -41,7 +40,7 @@ const Title = styled.h3` `; const Teacher = styled.h4` - min-width: 251px; + min-width: 360px; font-family: var(--font); font-size: 18px; font-style: normal; @@ -56,6 +55,7 @@ const Access = styled.div` width: 229px; justify-content: space-between; align-items: center; + margin-left: 129px; `; let Path = styled.path``; @@ -100,7 +100,7 @@ const RoomCard: React.FC = ({ room }) => { ) : ( недоступен )} - +