Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-13 05:37:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/layout: add a rounded corner & top border when installed on desktop

Browse Source
This commit is contained in:
wukko
2025-05-29 01:25:36 +06:00
parent d4a2fe507f
commit f9a3fb1396
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/routes/+layout.svelte
View File

@ -104,6 +104,7 @@
class:loaded={browser} class:loaded={browser}
data-chrome={device.browser.chrome} data-chrome={device.browser.chrome}
data-iphone={device.is.iPhone} data-iphone={device.is.iPhone}
data-mobile={device.is.mobile}
data-reduce-motion={reduceMotion} data-reduce-motion={reduceMotion}
data-reduce-transparency={reduceTransparency} data-reduce-transparency={reduceTransparency}
> >
@ -163,7 +164,20 @@
margin-left: var(--content-border-thickness); margin-left: var(--content-border-thickness);
} }
@media (display-mode: standalone) and (min-width: 535px) {
[data-mobile="false"] #content {
margin-top: var(--content-border-thickness);
border-top-left-radius: 8px;
}
[data-mobile="false"] #content:dir(rtl) {
border-top-left-radius: 0;
border-top-right-radius: 8px;
}
}
#content:dir(rtl) { #content:dir(rtl) {
margin-left: 0;
margin-right: var(--content-border-thickness); margin-right: var(--content-border-thickness);
} }