mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 09:28:29 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

web/layout: add a rounded corner & top border when installed on desktop
Some checks are pending
CodeQL / Analyze (${{ matrix.language }}) (none, javascript-typescript) (push) Waiting to run
Details
Run tests / check lockfile correctness (push) Waiting to run
Details
Run tests / web sanity check (push) Waiting to run
Details
Run tests / api sanity check (push) Waiting to run
Details

Browse Source
This commit is contained in:
wukko 2025-05-29 01:25:36 +06:00
parent d4a2fe507f
commit f9a3fb1396
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 14 additions and 0 deletions
Show Stats 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);
} }