style: place banner on the right

hyochan · Sep 18, 2023 · 036d3ee · 036d3ee · vercel · Sep 18, 2023
1 parent be9152e
commit 036d3ee
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 51 deletions.
diff --git a/app/[lang]/recent-list/page.tsx b/app/[lang]/recent-list/page.tsx
@@ -36,8 +36,8 @@ export default async function Page({
   return (
     <div className={clsx('flex-1 bg-paper overflow-hidden', 'flex flex-col')}>
       <div className='
-        mt-4 mb-[32px] mx-6
-        flex-row items-center
+        mt-4 mb-[32px] ml-6 mr-2
+        flex-row items-center justify-between
         max-[480px]:mb-0 max-[480px]:my-4
       '
       >

diff --git a/styles/output.css b/styles/output.css
@@ -1103,10 +1103,6 @@ input[type='search']::-webkit-search-decoration,
   margin-bottom: 5rem;
 }
 
-.mb-28 {
-  margin-bottom: 7rem;
-}
-
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -1235,6 +1231,10 @@ input[type='search']::-webkit-search-decoration,
   margin-top: 80px;
 }
 
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
 .flex {
   display: flex;
 }
@@ -1506,10 +1506,6 @@ input[type='search']::-webkit-search-decoration,
   gap: 8px;
 }
 
-.self-start {
-  align-self: flex-start;
-}
-
 .self-center {
   align-self: center;
 }
@@ -1686,11 +1682,6 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
 .bg-cover {
   background-size: cover;
 }
@@ -1827,6 +1818,10 @@ input[type='search']::-webkit-search-decoration,
   padding-bottom: 0.5rem;
 }
 
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
 .pb-28 {
   padding-bottom: 7rem;
 }
@@ -1859,18 +1854,6 @@ input[type='search']::-webkit-search-decoration,
   padding-top: 1rem;
 }
 
-.pb-8 {
-  padding-bottom: 2rem;
-}
-
-.pb-12 {
-  padding-bottom: 3rem;
-}
-
-.pb-20 {
-  padding-bottom: 5rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -2240,24 +2223,12 @@ input[type='search']::-webkit-search-decoration,
   }
 }
 
-@media (max-width: 620px) {
-  .max-\[620px\]\:text-\[28px\] {
-    font-size: 28px;
-  }
-}
-
 @media (max-width: 560px) {
   .max-\[560px\]\:text-\[28px\] {
     font-size: 28px;
   }
 }
 
-@media (max-width: 520px) {
-  .max-\[520px\]\:text-\[28px\] {
-    font-size: 28px;
-  }
-}
-
 @media (max-width: 480px) {
   .max-\[480px\]\:mx-0 {
     margin-left: 0px;
@@ -2302,18 +2273,6 @@ input[type='search']::-webkit-search-decoration,
   .max-\[480px\]\:text-\[28px\] {
     font-size: 28px;
   }
-
-  .max-\[480px\]\:text-\[16px\] {
-    font-size: 16px;
-  }
-
-  .max-\[480px\]\:text-\[8px\] {
-    font-size: 8px;
-  }
-
-  .max-\[480px\]\:text-\[px\] {
-    color: px;
-  }
 }
 
 @media (max-width: 425px) {