mishig HF staff commited on
Commit
b4fa09a
1 Parent(s): 122e32e

Better padding

Browse files
Files changed (3) hide show
  1. package.json +1 -1
  2. src/routes/+page.svelte +5 -1
  3. tailwind.config.cjs +3 -0
package.json CHANGED
@@ -3,7 +3,7 @@
3
  "version": "0.0.1",
4
  "private": true,
5
  "scripts": {
6
- "dev": "vite dev",
7
  "build": "vite build",
8
  "preview": "vite preview",
9
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 
3
  "version": "0.0.1",
4
  "private": true,
5
  "scripts": {
6
+ "dev": "NODE_ENV=\"development\" vite dev",
7
  "build": "vite build",
8
  "preview": "vite preview",
9
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
src/routes/+page.svelte CHANGED
@@ -204,6 +204,7 @@
204
  });
205
  canvas = drawingBoard.canvas;
206
  ctx = canvas.getContext('2d');
 
207
  });
208
  </script>
209
 
@@ -220,7 +221,10 @@
220
  </svelte:head>
221
 
222
  <div bind:this={containerEl} class="flex flex-wrap gap-x-4 gap-y-2 justify-center my-8">
223
- <canvas class="border-2 {!isShowSketch ? 'hidden' : ''}" bind:this={sketchEl} />
 
 
 
224
  <div class="flex flex-col items-center {isLoading ? 'pointer-events-none' : ''}">
225
  <div id="board-container" bind:this={canvasContainerEl} />
226
  <div class="flex gap-x-2 mt-4 items-center justify-center {isLoading ? 'animate-pulse' : ''}">
 
204
  });
205
  canvas = drawingBoard.canvas;
206
  ctx = canvas.getContext('2d');
207
+ copySketch();
208
  });
209
  </script>
210
 
 
221
  </svelte:head>
222
 
223
  <div bind:this={containerEl} class="flex flex-wrap gap-x-4 gap-y-2 justify-center my-8">
224
+ <canvas
225
+ class="border-[1.2px] desktop:mt-[34px] {!isShowSketch && false ? 'hidden' : ''}"
226
+ bind:this={sketchEl}
227
+ />
228
  <div class="flex flex-col items-center {isLoading ? 'pointer-events-none' : ''}">
229
  <div id="board-container" bind:this={canvasContainerEl} />
230
  <div class="flex gap-x-2 mt-4 items-center justify-center {isLoading ? 'animate-pulse' : ''}">
tailwind.config.cjs CHANGED
@@ -2,6 +2,9 @@
2
  module.exports = {
3
  content: ['./src/**/*.{html,js,svelte,ts}'],
4
  theme: {
 
 
 
5
  extend: {}
6
  },
7
  plugins: []
 
2
  module.exports = {
3
  content: ['./src/**/*.{html,js,svelte,ts}'],
4
  theme: {
5
+ screens: {
6
+ desktop: '816px'
7
+ },
8
  extend: {}
9
  },
10
  plugins: []