PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fix floating support chat width

Browse Source
This commit is contained in:
nflnkr 2023-05-10 22:43:14 +03:00
parent f117394f47
commit 6d44da683c
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/FloatingSupportChat/Chat.tsx
View File

@ -174,7 +174,6 @@ export default function Chat({ sx }: Props) {
<Box sx={{ <Box sx={{
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
width: "400px",
height: "clamp(250px, 100dvh - 80px, 600px)", height: "clamp(250px, 100dvh - 80px, 600px)",
backgroundColor: "#944FEE", backgroundColor: "#944FEE",
borderRadius: "8px", borderRadius: "8px",

6
src/components/FloatingSupportChat/FloatingSupportChat.tsx
View File

@ -13,11 +13,15 @@ export default function FloatingSupportChat() {
right: "20px", right: "20px",
bottom: "10px", bottom: "10px",
display: "flex", display: "flex",
flexDirection: "column",
gap: "8px",
width: "clamp(200px, 100% - 40px, 454px)",
zIndex: 10, zIndex: 10,
}}> }}>
{isChatOpened && {isChatOpened &&
<Chat sx={{ <Chat sx={{
mb: "54px", alignSelf: "start",
width: "clamp(200px, 100%, 400px)",
}} /> }} />
} }
<Fab <Fab