From 8e84411fa41794bc0b9b80090a241527629c55ca Mon Sep 17 00:00:00 2001
From: NCanggoro <ansianggoro@gmail.com>
Date: Sun, 17 Sep 2023 16:24:15 +0700
Subject: [PATCH] change separator style

---
 src/app.css                                   | 35 ++++++++++++++++++-
 src/components/Separator/Default/index.tsx    |  7 ++++
 src/components/Separator/WithAnchor/style.css |  6 +---
 3 files changed, 42 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Separator/Default/index.tsx

diff --git a/src/app.css b/src/app.css
index 99f19f0..4984e79 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,6 +4,12 @@
   
 } */
 
+.divider {
+  border-bottom-width: 1px;
+  padding-bottom: 3px;
+  border-color: #38444d;
+}
+
 .content {
   max-width: 1440px;
   margin: 0 auto;
@@ -11,13 +17,20 @@
   text-align: center;
 }
 
+.main-content {
+  padding: 20px 25px;
+  text-align: left;
+}
+
 .logo {
   height: 6em;
   padding: 1.5em;
 }
+
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
+
 .logo.preact:hover {
   filter: drop-shadow(0 0 2em #673ab8aa);
 }
@@ -30,8 +43,28 @@
   color: #888;
 }
 
+.users-score {
+  color: #a8adb3;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+@media screen and(max-width: 425px) {
+  .users-score {
+    font-size: .75rem;
+    line-height: 1rem;
+  }
+
+  .users-score-bar p {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+}
+
+
+
 @layer components {
   .text-prime {
     @apply text-secondary
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/Separator/Default/index.tsx b/src/components/Separator/Default/index.tsx
new file mode 100644
index 0000000..a9906f1
--- /dev/null
+++ b/src/components/Separator/Default/index.tsx
@@ -0,0 +1,7 @@
+function DefaultSeparator() {
+  return (
+    <div class={"flex flex-row justify-between divider mb-2"} />
+  )
+}
+
+export default DefaultSeparator;
\ No newline at end of file
diff --git a/src/components/Separator/WithAnchor/style.css b/src/components/Separator/WithAnchor/style.css
index f2648d8..9289870 100644
--- a/src/components/Separator/WithAnchor/style.css
+++ b/src/components/Separator/WithAnchor/style.css
@@ -1,8 +1,4 @@
-.divider {
-  border-bottom-width: 1px; 
-  padding-bottom: 3px;
-  border-color: #38444d;
-}
+
 
 a:hover {
   color: #92a8b7;