mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-01-29 17:58:27 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

web/layout: fix content rounded corners in RTL layout

Browse source
This commit is contained in:
wukko 2024-11-20 15:34:59 +06:00
parent 620bd24243
commit c9833a358b
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/routes/+layout.svelte
View file

@ -278,21 +278,30 @@
display: flex;
overflow: scroll;
background-color: var(--primary);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
#content:dir(rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
@media screen and (max-width: 535px) {
#cobalt {
display: grid;
grid-template-columns: unset;
grid-template-rows: 1fr var(--sidebar-height-mobile);
}
#content {
#content,
#content:dir(rtl) {
padding-top: env(safe-area-inset-top);
order: -1;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: calc(var(--border-radius) * 2);
border-bottom-right-radius: calc(var(--border-radius) * 2);
}