From bfc9aed715521b3b9b603376161cf48dc0be0dea Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 9 Oct 2023 10:30:10 +0700
Subject: Add local font

---
 src/pages/_document.jsx |  3 ++-
 src/styles/globals.css  | 44 ++++++++++++++++++++++++++++++--------------
 2 files changed, 32 insertions(+), 15 deletions(-)

(limited to 'src')

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index 5f3d2367..7db088d8 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -19,6 +19,7 @@ export default function MyDocument() {
         <meta name='theme-color' content='#fff' />
 
         <link rel='prefetch' href='/images/logo-indoteknik-gear.png' />
+        <link rel='preload' href='/fonts/Inter/inter.css' as='style' />
 
         <meta name='facebook-domain-verification' content='328wmjs7hcnz74rwsqzxvq50rmbtm2' />
         <Script
@@ -77,7 +78,7 @@ export default function MyDocument() {
           strategy='beforeInteractive'
           src='https://www.googletagmanager.com/gtag/js?id=AW-954540379'
         />
-        
+
         <Script
           id='google-ads'
           strategy='afterInteractive'
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 06ae7ca2..e3e0e48e 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -14,7 +12,8 @@ body {
         text-body-2
         text-gray_r-12
         bg-gray_r-1
-        overflow-x-clip;
+        overflow-x-clip
+        antialiased;
 }
 
 #__next main {
@@ -114,8 +113,8 @@ button {
             focus:border-danger-500;
     }
 
-    .form-input[type=file] {
-        @apply py-2
+    .form-input[type='file'] {
+        @apply py-2;
     }
 
     .btn-yellow,
@@ -401,7 +400,7 @@ button {
         w-full;
 }
 
-.table-specification > table > thead > tr > th:last-child{
+.table-specification > table > thead > tr > th:last-child {
     @apply w-3/12;
 }
 
@@ -463,7 +462,7 @@ button {
 .table-data {
     @apply w-full
     table-auto
-    border-collapse;;
+    border-collapse;
 }
 
 .table-data thead tr {
@@ -632,12 +631,29 @@ button {
 }
 
 @keyframes shake {
-    0% { transform: translateX(0); }
-    10%, 90% { transform: translateX(-10px); }
-    20%, 80% { transform: translateX(10px); }
-    30%, 50%, 70% { transform: translateX(-10px); }
-    40%, 60% { transform: translateX(10px); }
-    100% { transform: translateX(0); }
+    0% {
+        transform: translateX(0);
+    }
+    10%,
+    90% {
+        transform: translateX(-10px);
+    }
+    20%,
+    80% {
+        transform: translateX(10px);
+    }
+    30%,
+    50%,
+    70% {
+        transform: translateX(-10px);
+    }
+    40%,
+    60% {
+        transform: translateX(10px);
+    }
+    100% {
+        transform: translateX(0);
+    }
 }
 
 .blink-color-flash-sale {
@@ -656,4 +672,4 @@ button {
     to {
         @apply text-warning-500;
     }
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3