Improve UI consistency
This commit is contained in:
@@ -31,7 +31,6 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Button variant={device === null ? 'default' : 'secondary'} onclick={requestDevice}>
|
<Button variant={device === null ? 'default' : 'secondary'} onclick={requestDevice}>
|
||||||
<IconPlugConnect />
|
|
||||||
{#if device === null}
|
{#if device === null}
|
||||||
Select device
|
Select device
|
||||||
{:else}
|
{:else}
|
||||||
|
|||||||
@@ -91,7 +91,7 @@
|
|||||||
|
|
||||||
<Separator />
|
<Separator />
|
||||||
|
|
||||||
<Button variant="secondary" class="w-full justify-start" onclick={restoreDefaultImageSettings}>
|
<Button variant="secondary" class="w-full" onclick={restoreDefaultImageSettings}>
|
||||||
<IconEditOff />
|
<IconEditOff />
|
||||||
Reset All
|
Reset All
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -50,7 +50,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<div id="canvas-2x" class="bg-[#ccc] shadow-md rounded-2xl p-4 w-fit">
|
<div id="canvas-2x" class="bg-[#ccc] shadow-md rounded-2xl p-4 w-fit">
|
||||||
<canvas
|
<canvas
|
||||||
class="border-[1px] border-[#888] w-[402px] h-[402px]"
|
class="border-[1px] p-[6px] border-[#888] w-[414px] h-[414px]"
|
||||||
style="image-rendering: pixelated"
|
style="image-rendering: pixelated"
|
||||||
bind:this={canvas2xEl}
|
bind:this={canvas2xEl}
|
||||||
height={200}
|
height={200}
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<div id="preview-1x" class="bg-[#ccc] shadow-md rounded-lg p-2 w-fit">
|
<div id="preview-1x" class="bg-[#ccc] shadow-md rounded-lg p-2 w-fit">
|
||||||
<canvas
|
<canvas
|
||||||
class="border-[1px] border-[#888] w-[202px] h-[202px]"
|
class="border-[1px] p-[3px] border-[#888] w-[208px] h-[208px]"
|
||||||
style="image-rendering: pixelated"
|
style="image-rendering: pixelated"
|
||||||
bind:this={canvas1xEl}
|
bind:this={canvas1xEl}
|
||||||
height={200}
|
height={200}
|
||||||
|
|||||||
@@ -60,5 +60,5 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Button onclick={connectAndWrite} variant={secondary ? 'secondary' : 'default'} {disabled}>
|
<Button onclick={connectAndWrite} variant={secondary ? 'secondary' : 'default'} {disabled}>
|
||||||
<IconUpload /> Write pattern to device
|
Write pattern to device
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in New Issue
Block a user