Mobile UI

This commit is contained in:
2026-01-06 21:32:01 +01:00
parent efb4436b00
commit 9d5118f973
3 changed files with 193 additions and 4 deletions

View File

@@ -7,9 +7,29 @@
<link rel="stylesheet" href="/ui/style.css" />
</head>
<body>
<div class="mobile-header">
<div class="brand-wrapper">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="white"
class="sparkle-icon"
>
<path
d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"
/>
</svg>
<h1 class="brand">Kreatyw</h1>
</div>
<button id="sidebar-toggle" class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</button>
</div>
<div class="app-layout">
<aside class="sidebar">
<div class="sidebar-header">
<aside class="sidebar" id="sidebar">
<div class="sidebar-header desktop-only">
<div class="brand-wrapper">
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -100,6 +120,9 @@
autofocus
placeholder="Start writing something poetic..."
></textarea>
<button id="accept-suggestion-btn" class="btn-floating" title="Accept Suggestion">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</button>
</div>
</div>
</main>