Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

bucket add layout fix

Browse Source
This commit is contained in:
Timothy Cardoza
2026-02-18 13:00:51 -06:00
parent 3ab306b4d2
commit 2e2fec4a9c
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/SettingsView.tsx
+8 -4
View File
@@ -389,7 +389,7 @@ export const SettingsView: Component = () => {
<div class="p-3 rounded-xl bg-muted/30 border border-border/50 space-y-3">
<h4 class="text-[0.625rem] font-black uppercase tracking-widest text-muted-foreground">Create New Bucket</h4>
<form
class="flex gap-2"
class="flex flex-col sm:flex-row gap-2"
onSubmit={(e) => {
e.preventDefault();
const form = e.currentTarget;
@@ -405,27 +405,31 @@ export const SettingsView: Component = () => {
}
}}
>
<div class="flex gap-2 w-full sm:w-auto min-w-0">
<input
name="color"
type="color"
class="w-9 h-9 rounded-lg border border-input p-0.5 bg-background cursor-pointer"
class="w-9 h-9 rounded-lg border border-input p-0.5 bg-background cursor-pointer shrink-0"
value="#6366f1"
/>
<input
name="name"
class="flex h-9 w-full sm:w-48 rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
class="flex h-9 flex-1 sm:w-48 sm:flex-none rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
placeholder="Bucket Name"
required
/>
</div>
<div class="flex gap-2 w-full sm:flex-1 min-w-0">
<input
name="desc"
class="flex flex-1 h-9 rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
placeholder="Description (optional)"
/>
<Button size="sm" type="submit" class="h-9 gap-2">
<Button size="sm" type="submit" class="h-9 gap-2 shrink-0">
<Plus size={14} />
Create
</Button>
</div>
</form>
</div>