From 1512d71016ecce0d3301d5874236aba676acdd95 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Thu, 18 Apr 2024 20:20:33 +0200
Subject: [PATCH] decrease paddings

---
 src/base/TopMenu.vue              | 2 +-
 src/index.html                    | 2 +-
 src/page/OgImageGeneratorPage.vue | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/base/TopMenu.vue b/src/base/TopMenu.vue
index 1bdcc97..f38c397 100644
--- a/src/base/TopMenu.vue
+++ b/src/base/TopMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <header class="flex flex-row items-center gap-2 pb-4 border-b-2 sm:gap-4 lg:pb-8">
+  <header class="flex flex-row items-center gap-2 pb-4 border-b-2 sm:gap-4">
     <span class="px-3 py-2 rounded bg-fuchsia-300">
       <svg
         class="inline stroke-purple-900"
diff --git a/src/index.html b/src/index.html
index 289db4d..9ed0846 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,7 @@
 <title></title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
-<body class="mx-auto p-4 lg:p-10">
+<body class="mx-auto p-4">
 <div id="app" class="bg-grey"></div>
 </body>
 </html>
diff --git a/src/page/OgImageGeneratorPage.vue b/src/page/OgImageGeneratorPage.vue
index 94a2332..a0538af 100644
--- a/src/page/OgImageGeneratorPage.vue
+++ b/src/page/OgImageGeneratorPage.vue
@@ -691,7 +691,7 @@ export default {
     updateOgMaxWidth() {
       this.$refs.og.style.display = 'none'
       this.ogMaxWidth = this.$refs.ogwrapper.offsetWidth - 30
-      this.ogMaxHeight = this.$refs.tools.offsetHeight - 50
+      this.ogMaxHeight = this.$refs.tools.offsetHeight
       this.$refs.og.style.display = 'block'
     },
   }
@@ -700,12 +700,12 @@ export default {
 
 <style>
 .tool {
-  max-height: calc(100vh - 250px);
+  max-height: calc(100vh - 200px);
   overflow: auto;
 }
 
 .tools {
-  height: calc(100vh - 250px);
+  height: calc(100vh - 200px);
   width: 443px;
 }
 
