Spaces:
Runtime error
Runtime error
wip
Browse files
frontend/src/lib/Frame.svelte
CHANGED
@@ -14,7 +14,7 @@
|
|
14 |
</script>
|
15 |
|
16 |
<div
|
17 |
-
class="frame absolute top-0 left-0
|
18 |
style={`transform: translateX(${coord.x}px) translateY(${coord.y}px) scale(${transform.k}); transform-origin: 0 0;`}
|
19 |
>
|
20 |
<div class="pointer-events-none touch-none">
|
|
|
14 |
</script>
|
15 |
|
16 |
<div
|
17 |
+
class="frame absolute top-0 left-0 border-8 border-dashed border-black w-[512px] h-[512px] flex items-center justify-center bg-black/60"
|
18 |
style={`transform: translateX(${coord.x}px) translateY(${coord.y}px) scale(${transform.k}); transform-origin: 0 0;`}
|
19 |
>
|
20 |
<div class="pointer-events-none touch-none">
|
frontend/src/lib/PaintFrame.svelte
CHANGED
@@ -200,7 +200,11 @@
|
|
200 |
<LoadingIcon classList={'absolute inset-0 m-auto animate-spin text-6xl text-black'} />
|
201 |
{/if}
|
202 |
{#if $myPresence?.status !== 'masking'}
|
203 |
-
<div
|
|
|
|
|
|
|
|
|
204 |
{/if}
|
205 |
<canvas class={dragEnabled ? '' : 'bg-white'} bind:this={$maskEl} width="512" height="512" />
|
206 |
<div class="pointer-events-none touch-none">
|
@@ -213,11 +217,11 @@
|
|
213 |
{/if}
|
214 |
</div>
|
215 |
<div
|
216 |
-
class="absolute
|
217 |
-
style={`transform: scale(${Math.max(2.5 - transform.k, 1)})
|
218 |
>
|
219 |
<div
|
220 |
-
class="
|
221 |
>
|
222 |
{#if $loadingState !== ''}
|
223 |
<div class="">
|
@@ -242,13 +246,13 @@
|
|
242 |
<div class="mx-4 flex flex-col gap-2">
|
243 |
<button
|
244 |
on:click={() => dispatch('prompt')}
|
245 |
-
class="w-10 h-10 bg-blue-600 shadow-2xl shadow-blue-500 rounded-lg flex items-center justify-center text-3xl"
|
246 |
>
|
247 |
π
|
248 |
</button>
|
249 |
<button
|
250 |
on:click={toggleDrawMask}
|
251 |
-
class="w-10 h-10 bg-blue-600 shadow-2xl shadow-blue-500 rounded-lg flex items-center justify-center text-3xl"
|
252 |
>
|
253 |
<svg class="text-white" width="1em" height="1em" viewBox="0 0 100 100"
|
254 |
><path
|
|
|
200 |
<LoadingIcon classList={'absolute inset-0 m-auto animate-spin text-6xl text-black'} />
|
201 |
{/if}
|
202 |
{#if $myPresence?.status !== 'masking'}
|
203 |
+
<div
|
204 |
+
class="absolute inset-0 bg-gradient-to-t {isDragging
|
205 |
+
? 'from-blue-700/40'
|
206 |
+
: 'from-blue-700/90'} to-blue-500/10"
|
207 |
+
/>
|
208 |
{/if}
|
209 |
<canvas class={dragEnabled ? '' : 'bg-white'} bind:this={$maskEl} width="512" height="512" />
|
210 |
<div class="pointer-events-none touch-none">
|
|
|
217 |
{/if}
|
218 |
</div>
|
219 |
<div
|
220 |
+
class="absolute bottom-0 origin-bottom-left"
|
221 |
+
style={`transform: scale(${Math.max(2.5 - transform.k, 1)});`}
|
222 |
>
|
223 |
<div
|
224 |
+
class="pl-3 pr-5 py-1 bg-blue-700/90 text-white text-lg xl:text-2xl rounded-tr-xl font-medium tracking-wide"
|
225 |
>
|
226 |
{#if $loadingState !== ''}
|
227 |
<div class="">
|
|
|
246 |
<div class="mx-4 flex flex-col gap-2">
|
247 |
<button
|
248 |
on:click={() => dispatch('prompt')}
|
249 |
+
class="w-10 h-10 bg-blue-600 hover:saturate-150 shadow-2xl shadow-blue-500 rounded-lg flex items-center justify-center text-3xl"
|
250 |
>
|
251 |
π
|
252 |
</button>
|
253 |
<button
|
254 |
on:click={toggleDrawMask}
|
255 |
+
class="w-10 h-10 bg-blue-600 hover:saturate-150 shadow-2xl shadow-blue-500 rounded-lg flex items-center justify-center text-3xl"
|
256 |
>
|
257 |
<svg class="text-white" width="1em" height="1em" viewBox="0 0 100 100"
|
258 |
><path
|
stablediffusion-infinity/rooms.db
CHANGED
Binary files a/stablediffusion-infinity/rooms.db and b/stablediffusion-infinity/rooms.db differ
|
|