Fixes to mobile margin overflows

NIAEFEUP · Mar 28, 2024 · 4575213 · 4575213
1 parent 090fec3
commit 4575213
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/lib/component/LabelInput.svelte b/src/lib/component/LabelInput.svelte
@@ -9,13 +9,13 @@
 <label class="m-1 font-source_code font-bold text-white" for={id}>{label}</label><br class="mb-1" />
 {#if isTextArea}
   <textarea
-    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-1 font-source_code"
+    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-2 font-source_code"
     {id}
     rows="4"
   /><br />
 {:else}
   <input
-    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-1"
+    class="text-primary placeholder-primary mb-2 w-full rounded-lg p-2"
     {type}
     {id}
     {placeholder}

diff --git a/src/routes/contacts/+page.svelte b/src/routes/contacts/+page.svelte
@@ -21,7 +21,7 @@
         type="submit">Enviar</button
       >
     </form>
-    <div class="m-5 flex w-full justify-center md:my-0">
+    <div class="m-2 flex w-full justify-center md:m-5 md:my-0">
       <Graph />
     </div>
   </div>

diff --git a/src/routes/contacts/Graph.svelte b/src/routes/contacts/Graph.svelte
@@ -34,7 +34,7 @@
 
 <svelte:window bind:innerWidth />
 
-<svg style="height: 400px; min-width: 350px" viewBox="0 0 87 80" xmlns="http://www.w3.org/2000/svg">
+<svg style="height: 40dvh; min-width: 35dvw" viewBox="0 0 87 80" xmlns="http://www.w3.org/2000/svg">
   <!-- Draw graph edges. -->
   {#each lines as line}
     <line