diff --git a/examples/server/public/index.html b/examples/server/public/index.html index c54260867..e58a9d40c 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 + } + }