chore: update assets and others

dyarfi · dyarfi · commit 19151dda8c18 · 2022-05-29T09:27:53.000+07:00
diff --git a/assets/css/theme/button.css b/assets/css/theme/button.css
@@ -2,7 +2,7 @@
 
 @layer components {
   .btn {
-    @apply text-sm font-semibold mt-2 px-3 py-1 capitalize text-gray-400 hover:text-gray-700 focus:to-gray-900 hover:border-gray-700;
+    @apply text-sm font-light mt-2 px-3 py-1 capitalize text-gray-500 hover:text-gray-800 focus:to-gray-900 hover:border-gray-700;
   }
 
   .btn-xs {
diff --git a/assets/css/theme/card.css b/assets/css/theme/card.css
@@ -15,7 +15,7 @@
   }
 
   .boxed-bottom-link {
-    @apply px-3 py-1 border border-gray-400 bg-gray-200 text-gray-400 mb-4 block rounded-full uppercase text-xs;
+    @apply px-3 py-1 border border-gray-400 bg-gray-200 text-gray-400 mb-4 block rounded-full uppercase text-xs hover:bg-gray-300 hover:text-gray-500;
   }
 
   .boxed-bottom-content::before {
diff --git a/assets/css/theme/form.css b/assets/css/theme/form.css
@@ -2,7 +2,7 @@
 
 @layer components {
   form {
-    @apply my-4 py-12;
+    @apply my-4 py-8;
   }
 
   input,
diff --git a/assets/css/theme/page.css b/assets/css/theme/page.css
@@ -2,7 +2,7 @@
 
 @layer components {
   .page-content {
-    @apply relative py-12 max-w-7xl mx-auto;
+    @apply relative py-12 mx-auto max-w-7xl;
   }
 
   .page-content::before,
@@ -34,4 +34,8 @@
     opacity: 0.25;
     border: 4px solid #cdcdcd;
   }
+
+  .page-content-single {
+    @apply relative py-12 mx-auto max-w-7xl h-screen;
+  }
 }
diff --git a/components/cards/Article.vue b/components/cards/Article.vue
@@ -83,7 +83,7 @@
                 params: { slug: item.slug }
               }"
               class="btn btn-sm btn-default btn-hidden text-muted"
-              ><span class="underline hover:no-underline">read more</span>
+              ><span class="no-underline">read more</span>
               <span>
                 &rarr;
                 <!-- <font-awesome-icon :icon="['fa', 'arrow-right']"/> -->
diff --git a/components/cards/ArticleHeadline.vue b/components/cards/ArticleHeadline.vue
@@ -37,7 +37,7 @@
                 xl:text-5xl
               "
             >
-              <span class="block xl:inline">{{ item.title }}</span>
+              {{ item.title }}
               <!-- <span
                 class="block text-indigo-600 xl:inline"
                 data-primary="indigo-600"
diff --git a/components/form/Forgot.vue b/components/form/Forgot.vue
@@ -15,7 +15,7 @@
         </label>
       </div>
       <div class="col-auto">
-        <button class="btn btn-lg btn-outline">Submit</button>
+        <button class="btn btn-lg btn-outline shadow-lg">Submit</button>
       </div>
     </form>
   </section>
diff --git a/components/form/SignIn.vue b/components/form/SignIn.vue
@@ -27,7 +27,9 @@
         </label>
       </div>
       <div class="col-auto">
-        <button class="btn btn-lg btn-outline btn-muted">Sign In</button>
+        <button class="btn btn-lg btn-outline btn-muted shadow-lg">
+          Sign In
+        </button>
         <Nuxt-Link
           to="/forgot"
           class="
diff --git a/components/form/SignUp.vue b/components/form/SignUp.vue
@@ -39,7 +39,9 @@
         </label>
       </div>
       <div class="col-auto">
-        <button class="btn btn-lg btn-outline btn-muted">Sign Up</button>
+        <button class="btn btn-lg btn-outline btn-muted shadow-lg">
+          Sign Up
+        </button>
         <Nuxt-Link
           to="/signin"
           class="
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -55,3 +55,13 @@ export default {
   }
 }
 </script>
+<style>
+.page-enter-active,
+.page-leave-active {
+  transition: opacity 0.5s;
+}
+.page-enter,
+.page-leave-active {
+  opacity: 0;
+}
+</style>
diff --git a/middleware/userAgent.js b/middleware/userAgent.js
@@ -0,0 +1,15 @@
+/* eslint-disable no-param-reassign */
+export default function (context) {
+  let serverUserAgent = ''
+  if (context && context.req && context.req.headers) {
+    serverUserAgent = context.req.headers['user-agent'] || ''
+  }
+
+  let clientUserAgent = ''
+  if (typeof navigator !== 'undefined' && typeof navigator === 'object') {
+    const { userAgent = '' } = navigator
+    clientUserAgent = userAgent
+  }
+
+  context.userAgent = (process.server && serverUserAgent) || clientUserAgent
+}
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -22,7 +22,7 @@ export default {
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [],
+  css: ['@/assets/css/tailwind.css'],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   plugins: [],
diff --git a/pages/forgot.vue b/pages/forgot.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page-content">
+  <div class="page-content-single">
     <Form-Forgot />
   </div>
 </template>
diff --git a/pages/signin.vue b/pages/signin.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page-content">
+  <div class="page-content-single">
     <Form-SignIn />
   </div>
 </template>
diff --git a/pages/signup.vue b/pages/signup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page-content">
+  <div class="page-content-single">
     <Form-SignUp />
   </div>
 </template>

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`@layer components {`
`4`	`4`	`.btn {`
`5`		`- @apply text-sm font-semibold mt-2 px-3 py-1 capitalize text-gray-400 hover:text-gray-700 focus:to-gray-900 hover:border-gray-700;`
	`5`	`+ @apply text-sm font-light mt-2 px-3 py-1 capitalize text-gray-500 hover:text-gray-800 focus:to-gray-900 hover:border-gray-700;`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`.btn-xs {`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.boxed-bottom-link {`
`18`		`- @apply px-3 py-1 border border-gray-400 bg-gray-200 text-gray-400 mb-4 block rounded-full uppercase text-xs;`
	`18`	`+ @apply px-3 py-1 border border-gray-400 bg-gray-200 text-gray-400 mb-4 block rounded-full uppercase text-xs hover:bg-gray-300 hover:text-gray-500;`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`.boxed-bottom-content::before {`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`@layer components {`
`4`	`4`	`form {`
`5`		`- @apply my-4 py-12;`
	`5`	`+ @apply my-4 py-8;`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`input,`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`@layer components {`
`4`	`4`	`.page-content {`
`5`		`- @apply relative py-12 max-w-7xl mx-auto;`
	`5`	`+ @apply relative py-12 mx-auto max-w-7xl;`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`.page-content::before,`
`@@ -34,4 +34,8 @@`
`34`	`34`	`opacity: 0.25;`
`35`	`35`	`border: 4px solid #cdcdcd;`
`36`	`36`	`}`
	`37`	`+`
	`38`	`+ .page-content-single {`
	`39`	`+ @apply relative py-12 mx-auto max-w-7xl h-screen;`
	`40`	`+ }`
`37`	`41`	`}`
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@`
`37`	`37`	`xl:text-5xl`
`38`	`38`	`"`
`39`	`39`	`>`
`40`		`- <span class="block xl:inline">{{ item.title }}</span>`
	`40`	`+ {{ item.title }}`
`41`	`41`	`<!-- <span`
`42`	`42`	`class="block text-indigo-600 xl:inline"`
`43`	`43`	`data-primary="indigo-600"`
Original file line number	Diff line number	Diff line change
`@@ -55,3 +55,13 @@ export default {`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`	`</script>`
	`58`	`+<style>`
	`59`	`+.page-enter-active,`
	`60`	`+.page-leave-active {`
	`61`	`+ transition: opacity 0.5s;`
	`62`	`+}`
	`63`	`+.page-enter,`
	`64`	`+.page-leave-active {`
	`65`	`+ opacity: 0;`
	`66`	`+}`
	`67`	`+</style>`