From f9a3fb13960a2938a88ffadcd0ec299f3c391264 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 29 May 2025 01:25:36 +0600
Subject: [PATCH] web/layout: add a rounded corner & top border when installed
 on desktop

---
 web/src/routes/+layout.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 47fbd5e7..827e183d 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -104,6 +104,7 @@
         class:loaded={browser}
         data-chrome={device.browser.chrome}
         data-iphone={device.is.iPhone}
+        data-mobile={device.is.mobile}
         data-reduce-motion={reduceMotion}
         data-reduce-transparency={reduceTransparency}
     >
@@ -163,7 +164,20 @@
         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) {
+        margin-left: 0;
         margin-right: var(--content-border-thickness);
     }