style: remove panel borders and backgrounds on mobile for cleaner look

2026-02-27 07:09:27 +00:00
parent 8b5705c12f
commit 3ea7f63b83
3 changed files with 26 additions and 0 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -74,6 +74,13 @@ onUnmounted(() => {
  padding-bottom: calc(2rem + 40px + env(safe-area-inset-bottom));
 }

+@media (max-width: 640px) {
+  .main-content {
+    padding: 1rem;
+    padding-bottom: calc(1rem + 40px + env(safe-area-inset-bottom));
+  }
+}
+
@media (min-width: 768px) {
  .app-body {
    overflow: hidden;