fix: dashboard editor width fixes on large screens (#5101)

* fix: dashboard editor width fixes on large screens

* fix: label fix
This commit is contained in:
Vikrant Gupta 2024-05-29 12:28:37 +05:30 committed by GitHub
parent 932d892d9e
commit 1db1f76a72
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View File

@ -230,7 +230,7 @@
line-height: 16px; /* 133.333% */ line-height: 16px; /* 133.333% */
letter-spacing: 0.48px; letter-spacing: 0.48px;
text-transform: uppercase; text-transform: uppercase;
width: 50%; width: 60%;
padding: 8px; padding: 8px;
} }
.input { .input {

View File

@ -10,7 +10,7 @@ export const Container = styled.div`
export const RightContainerWrapper = styled(Col)` export const RightContainerWrapper = styled(Col)`
&&& { &&& {
min-width: 200px; min-width: 330px;
overflow-y: auto; overflow-y: auto;
max-width: 400px; max-width: 400px;
width: 30%; width: 30%;
@ -26,7 +26,7 @@ interface LeftContainerWrapperProps {
export const LeftContainerWrapper = styled(Col)<LeftContainerWrapperProps>` export const LeftContainerWrapper = styled(Col)<LeftContainerWrapperProps>`
&&& { &&& {
width: 70%; min-width: 70%;
overflow-y: auto; overflow-y: auto;
border-right: ${({ isDarkMode }): string => border-right: ${({ isDarkMode }): string =>
isDarkMode isDarkMode