From 6b84093643b9277d6ecace048d65e32dbfb9731f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phane=20du=20Hamel?= <stephduh@live.fr>
Date: Fri, 29 Nov 2024 23:45:32 +0100
Subject: [PATCH] Server (front): Improve mobile UI

---
 examples/server/public/index.html | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/examples/server/public/index.html b/examples/server/public/index.html
index c54260867d2c8..e58a9d40cbf76 100644
--- a/examples/server/public/index.html
+++ b/examples/server/public/index.html
@@ -38,6 +38,34 @@
       --tw-text-opacity: 1;
       @apply bg-base-300 text-base-content;
     }
+    @media (max-width:640px) {
+      #app>div:not(.chat-screen):not(:hover) {
+        width: 3rem;
+        position: absolute;
+        height: 5rem;
+        background-color: var(--fallback-b2, oklch(var(--b2)));
+        border-radius: 0 10px 10px 0;
+        top: 60%;
+        z-index: 900;
+        &>* {
+          display: none
+        }
+        &::before {
+          content: "⟫";
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center
+        }
+      }
+      #app>div:not(.chat-screen):hover {
+        background-color: var(--fallback-b2, oklch(var(--b2)));
+        position: absolute;
+        width: 320px;
+        max-width: 85vw;
+        z-index: 900
+      }
+    }
   </style>
 </head>