fix: adjust padding

k-urtica · Jul 12, 2024 · 51877b0 · 51877b0
1 parent 14f3598
commit 51877b0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/about.vue b/src/pages/about.vue
@@ -8,8 +8,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-zinc-300/20 bg-gray-700/50"
       />

diff --git a/src/pages/picture.vue b/src/pages/picture.vue
@@ -6,8 +6,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-slate-300/20 bg-gray-700/50"
       />

diff --git a/src/pages/portfolio.vue b/src/pages/portfolio.vue
@@ -6,8 +6,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-slate-300/20 bg-gray-700/50"
       />