feat: improve design

Rule-34 · Apr 8, 2021 · 87fd2fd · 87fd2fd
1 parent e68ebc2
commit 87fd2fd
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/pages/premium/index.vue b/pages/premium/index.vue
@@ -22,8 +22,8 @@
           </div>
 
           <!-- Status -->
-          <div class="my-4 text-center">
-            <p class="text-sm text-gray-300">Your subscription is</p>
+          <div class="my-1 text-center">
+            <p class="text-gray-300">Your subscription is</p>
             <p class="text-3xl font-semibold text-accent-400">Active</p>
           </div>
 
@@ -38,29 +38,29 @@
         </div>
 
         <!-- Custom Booru  -->
-        <div class="flex p-4 material-container">
+        <div class="flex flex-row items-center p-4 material-container">
           <div class="flex-auto">
-            <h1 class="text-gray-200">Custom Boorus</h1>
-            <p class="text-sm text-gray-300">Add or edit compatible boorus</p>
+            <h1 class="text-lg font-medium text-gray-200">Custom Boorus</h1>
+            <p class="text-gray-300">Add or edit compatible boorus</p>
           </div>
 
           <NuxtLink
-            class="flex items-center justify-center px-4 transition-colors duration-300 rounded-full link border-util bg-darkGray-700"
+            class="px-3 py-2 rounded-full link border-util bg-darkGray-700"
             to="/premium/booru"
           >
             Modify
           </NuxtLink>
         </div>
 
         <!-- Custom Tag Collections  -->
-        <div class="flex p-4 material-container">
+        <div class="flex flex-row items-center p-4 material-container">
           <div class="flex-grow">
-            <h1 class="text-gray-200">Custom Tag Collections</h1>
-            <p class="text-sm text-gray-300">Add or edit tag collections</p>
+            <h1 class="text-lg font-medium text-gray-200">Tag Collections</h1>
+            <p class="text-gray-300">Add or edit tag collections</p>
           </div>
 
           <NuxtLink
-            class="flex items-center justify-center px-4 transition-colors duration-300 rounded-full border-util link bg-darkGray-700"
+            class="px-3 py-2 rounded-full link border-util bg-darkGray-700"
             to="/premium/tags"
           >
             Modify