Mobile UI
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user