diff --git a/src/pages/chat/chat.tsx b/src/pages/chat/chat.tsx index 3d4c9ca..d132edc 100644 --- a/src/pages/chat/chat.tsx +++ b/src/pages/chat/chat.tsx @@ -10,13 +10,11 @@ export const Chat = (): JSX.Element => { const { username } = useCurrentUser() return ( - <> -
- - - -
+
+ + + - +
) } diff --git a/src/styles/index.scss b/src/styles/index.scss index bd55579..516435e 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -611,9 +611,9 @@ body:has(.chat) { } @media (max-width: 890px) { - .profile { - padding-inline: 19px; - } + // .profile { + // padding-inline: 19px; + // } } @media (max-width: 690px) { @@ -621,7 +621,7 @@ body:has(.chat) { flex-direction: column; gap: 34px; text-align: center; - padding-inline: 19px; + // padding-inline: 19px; margin: 0 0 36px; @@ -718,7 +718,7 @@ body:has(.chat) { @media (max-width: 890px) { .cards { - padding-inline: 19px; + // padding-inline: 19px; margin-bottom: 48px; } } @@ -1019,6 +1019,7 @@ body:has(.chat) { border: 0; color: hsl(var(--clr-primary-900)); border-bottom: 2px solid hsl(var(--clr-primary-900), 0.4); + border-radius: 0px; background: transparent; padding: 0.25rem; transition: all var(--timing-function-primary) var(--transition-time-primary); @@ -1326,9 +1327,8 @@ body:has(.chat) { /* ---------------------------------------- */ .search { --width: 50rem; - --padding: 1rem; - width: min(var(--width), 100% - var(--padding) * 2); + width: min(var(--width), 100%); margin-inline: auto; display: grid; @@ -1537,7 +1537,8 @@ body:has(.chat) { &__empty { text-align: center; font-weight: var(--fw-600); - font-size: clamp(var(--fs-400), 7vw, var(--fs-650)); + font-size: clamp(var(--fs-200), 5vw, var(--fs-650)); + text-wrap: balance; place-self: center; } } @@ -1642,8 +1643,9 @@ body:has(.chat) { input { width: 100%; - padding: 0.75rem 2rem; - border-radius: 100vmax; + padding: 0.5rem; + border-radius: 0.5rem; + font-size: var(--fs-300); border: 1px solid hsl(var(--clr-primary-900)); background-color: hsl(var(--clr-primary-100)); color: hsl(var(--clr-primary-900));