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
+26 -22
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"> <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> <h4 class="text-[0.625rem] font-black uppercase tracking-widest text-muted-foreground">Create New Bucket</h4>
<form <form
class="flex gap-2" class="flex flex-col sm:flex-row gap-2"
onSubmit={(e) => { onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
const form = e.currentTarget; const form = e.currentTarget;
@@ -405,27 +405,31 @@ export const SettingsView: Component = () => {
} }
}} }}
> >
<input <div class="flex gap-2 w-full sm:w-auto min-w-0">
name="color" <input
type="color" name="color"
class="w-9 h-9 rounded-lg border border-input p-0.5 bg-background cursor-pointer" type="color"
value="#6366f1" class="w-9 h-9 rounded-lg border border-input p-0.5 bg-background cursor-pointer shrink-0"
/> value="#6366f1"
<input />
name="name" <input
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" name="name"
placeholder="Bucket Name" 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"
required placeholder="Bucket Name"
/> required
<input />
name="desc" </div>
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" <div class="flex gap-2 w-full sm:flex-1 min-w-0">
placeholder="Description (optional)" <input
/> name="desc"
<Button size="sm" type="submit" class="h-9 gap-2"> 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"
<Plus size={14} /> placeholder="Description (optional)"
Create />
</Button> <Button size="sm" type="submit" class="h-9 gap-2 shrink-0">
<Plus size={14} />
Create
</Button>
</div>
</form> </form>
</div> </div>