matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Tweak room/space icon buttons

Browse source
This commit is contained in:
Jon Staab 2026-02-06 12:07:10 -08:00
parent 24b88e4ac0
commit 2bf00f7ddc
2 changed files with 18 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/components/RoomForm.svelte
View file

@ -125,13 +125,11 @@
<span class="text-sm opacity-75">No icon selected</span> <span class="text-sm opacity-75">No icon selected</span>
{/if} {/if}
<div class="flex gap-2"> <div class="flex gap-2">
<IconPickerButton onSelect={handleIconSelect} class="btn btn-primary btn-xs"> <IconPickerButton onSelect={handleIconSelect} class="btn btn-primary btn-sm">
<Icon icon={StickerSmileSquare} size={4} /> <Icon icon={StickerSmileSquare} size={4} />
<span class="hidden sm:inline">Select</span>
</IconPickerButton> </IconPickerButton>
<label class="btn btn-neutral btn-xs cursor-pointer"> <label class="btn btn-neutral btn-sm cursor-pointer">
<Icon icon={UploadMinimalistic} size={4} /> <Icon icon={UploadMinimalistic} size={4} />
<span class="hidden sm:inline">Upload</span>
<input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} /> <input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} />
</label> </label>
</div> </div>

10
src/app/components/SpaceEdit.svelte
View file

@ -134,8 +134,7 @@
<p>Icon</p> <p>Icon</p>
{/snippet} {/snippet}
{#snippet input()} {#snippet input()}
<div class="flex items-center justify-between"> <div class="flex items-center gap-4 justify-between flex-grow">
<div class="flex items-center gap-4">
{#if imagePreview} {#if imagePreview}
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="text-sm opacity-75">Selected:</span> <span class="text-sm opacity-75">Selected:</span>
@ -145,18 +144,15 @@
<span class="text-sm opacity-75">No icon selected</span> <span class="text-sm opacity-75">No icon selected</span>
{/if} {/if}
<div class="flex gap-2"> <div class="flex gap-2">
<IconPickerButton onSelect={handleIconSelect} class="btn btn-primary btn-xs"> <IconPickerButton onSelect={handleIconSelect} class="btn btn-primary btn-sm">
<Icon icon={StickerSmileSquare} size={4} /> <Icon icon={StickerSmileSquare} size={4} />
Select
</IconPickerButton> </IconPickerButton>
<label class="btn btn-neutral btn-xs cursor-pointer"> <label class="btn btn-neutral btn-sm cursor-pointer">
<Icon icon={UploadMinimalistic} size={4} /> <Icon icon={UploadMinimalistic} size={4} />
Upload
<input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} /> <input type="file" accept="image/*" class="hidden" onchange={handleImageUpload} />
</label> </label>
</div> </div>
</div> </div>
</div>
{/snippet} {/snippet}
</FieldInline> </FieldInline>
<FieldInline> <FieldInline>