feat: use tailwindCSS classes instead of my own custom class

Rule-34 · Aug 3, 2020 · 646241a · 646241a
1 parent 6f6eea1
commit 646241a
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 13 deletions.
diff --git a/assets/css/general/general.css b/assets/css/general/general.css
@@ -58,13 +58,6 @@ a:focus,
   @apply border-primary;
 }
 
-.container--separator > * {
-  /* If this is used on the root level of a page, it pushes de SideNav and content down
-  * Use `overflow: auto;` on a parent to fix it
-  */
-  @apply my-4;
-}
-
 /* ---------------- Transitions and animations ---------------- */
 
 /* Page Transition */

diff --git a/pages/faq.vue b/pages/faq.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="container--separator">
+  <main class="mt-4 space-y-4">
     <ContentContainer
       :separator="true"
       title="General"

diff --git a/pages/index.vue b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="container--separator">
+  <main class="mt-4 space-y-4">
     <!-- Menu -->
     <div class="flex flex-row items-center justify-between">
       <DomainSelector />

diff --git a/pages/legal.vue b/pages/legal.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="container--separator">
+  <main class="mt-4 space-y-4">
     <!-- Separator -->
     <ContentContainer :separator="true" title="Disclaimer" />
 

diff --git a/pages/premium/booru.vue b/pages/premium/booru.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col justify-around h-screen container--separator">
+  <main class="flex flex-col justify-around h-screen mt-4 space-y-4">
     <div>
       <!-- Booru list -->
       <div class="px-2 py-1 overflow-x-scroll material-container">

diff --git a/pages/premium/index.vue b/pages/premium/index.vue
@@ -2,7 +2,7 @@
 <template>
   <main>
     <template v-if="hasValidLicenseKey">
-      <div class="flex flex-col h-screen container--separator">
+      <div class="flex flex-col h-screen mt-4 space-y-4">
         <PremiumDashboard />
 
         <!-- Custom Booru  -->

diff --git a/pages/usage.vue b/pages/usage.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="container--separator">
+  <main class="mt-4 space-y-4">
     <!-- General Usage -->
 
     <ContentContainer