humza7656 commited on
Commit
553a779
·
verified ·
1 Parent(s): 607f448

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +5 -5
index.html CHANGED
@@ -35,7 +35,7 @@
35
  <!-- Main -->
36
  <div class="flex-1 flex flex-col min-w-0">
37
  <header class="sticky top-0 z-40 border-b border-white/10 backdrop-blur supports-[backdrop-filter]:bg-neutral-950/70">
38
- <div class="px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between gap-4">
39
  <div class="inline-flex items-center gap-2">
40
  <span class="inline-flex h-8 w-8 items-center justify-center rounded-lg bg-brand/20 text-brand">
41
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M4 5a2 2 0 0 1 2-2h1l1-1h6l1 1h1a2 2 0 0 1 2 2v3H4V5Zm0 5h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7Zm5 2a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"/></svg>
@@ -88,13 +88,13 @@
88
  </div>
89
 
90
  <!-- Composer -->
91
- <div class="absolute bottom-0 left-0 right-0 border-t border-white/10 bg-neutral-950/80 backdrop-blur p-2">
92
  <div class="relative max-w-5xl mx-auto">
93
- <textarea id="prompt" rows="2" class="w-full rounded-lg bg-white/5 border border-white/10 pl-3 pr-56 py-2 text-sm placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-brand" placeholder="Press Enter to send • Shift+Enter for newline"></textarea>
94
- <button id="send" class="absolute right-3 bottom-5 inline-flex h-9 items-center gap-2 justify-center rounded-lg bg-gradient-to-r from-[#22c55e] to-[#16a34a] px-5 text-sm font-semibold text-black shadow-lg shadow-emerald-500/20 hover:brightness-105 active:translate-y-[1px] focus:outline-none focus:ring-2 focus:ring-emerald-400/60 transition-all">Send
95
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M3 12l18-9-9 18-1.8-6.2L3 12z"/></svg>
96
  </button>
97
- <button id="setPrompt" class="absolute right-36 bottom-5 inline-flex h-9 items-center gap-2 justify-center rounded-lg bg-white/10 px-3 text-sm font-medium text-white hover:bg-white/15 border border-white/10 backdrop-blur-sm transition-all"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M11 2l1.5 3.5L16 7l-3.5 1.5L11 12l-1.5-3.5L6 7l3.5-1.5L11 2zM18 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z"/></svg> Set Prompt</button>
98
  </div>
99
  </div>
100
  </div>
 
35
  <!-- Main -->
36
  <div class="flex-1 flex flex-col min-w-0">
37
  <header class="sticky top-0 z-40 border-b border-white/10 backdrop-blur supports-[backdrop-filter]:bg-neutral-950/70">
38
+ <div class="px-4 sm:px-6 lg:px-8 h-12 flex items-center justify-between gap-4">
39
  <div class="inline-flex items-center gap-2">
40
  <span class="inline-flex h-8 w-8 items-center justify-center rounded-lg bg-brand/20 text-brand">
41
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M4 5a2 2 0 0 1 2-2h1l1-1h6l1 1h1a2 2 0 0 1 2 2v3H4V5Zm0 5h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7Zm5 2a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H9Z"/></svg>
 
88
  </div>
89
 
90
  <!-- Composer -->
91
+ <div class="absolute bottom-0 left-0 right-0 border-t border-white/10 bg-neutral-950/80 backdrop-blur p-1">
92
  <div class="relative max-w-5xl mx-auto">
93
+ <textarea id="prompt" rows="1" class="w-full rounded-lg bg-white/5 border border-white/10 pl-3 pr-56 py-1 text-sm placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-brand" placeholder="Press Enter to send • Shift+Enter for newline"></textarea>
94
+ <button id="send" class="absolute right-3 bottom-2 inline-flex h-8 items-center gap-2 justify-center rounded-lg bg-gradient-to-r from-[#22c55e] to-[#16a34a] px-5 text-sm font-semibold text-black shadow-lg shadow-emerald-500/20 hover:brightness-105 active:translate-y-[1px] focus:outline-none focus:ring-2 focus:ring-emerald-400/60 transition-all">Send
95
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M3 12l18-9-9 18-1.8-6.2L3 12z"/></svg>
96
  </button>
97
+ <button id="setPrompt" class="absolute right-36 bottom-2 inline-flex h-8 items-center gap-2 justify-center rounded-lg bg-white/10 px-3 text-sm font-medium text-white hover:bg-white/15 border border-white/10 backdrop-blur-sm transition-all"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M11 2l1.5 3.5L16 7l-3.5 1.5L11 12l-1.5-3.5L6 7l3.5-1.5L11 2zM18 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z"/></svg> Set Prompt</button>
98
  </div>
99
  </div>
100
  </div>