From 3c71ed4e62701b41de4e2d01a47bd229a1b0fe56 Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@gmail.com>
Date: Wed, 25 Oct 2023 06:52:44 -0300
Subject: [PATCH] tailwind .top

---
 static/styles.css  | 27 ---------------------------
 static/styles.scss | 22 ----------------------
 templates/top.html |  4 ++--
 3 files changed, 2 insertions(+), 51 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 217ca1c..f57e9ec 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -82,33 +82,6 @@ body {
   display: none;
 }
 
-.top {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1rem 0;
-  justify-content: left;
-}
-@media (max-width: 580px) {
-  .top {
-    display: block;
-    width: 90%;
-    padding: 1rem;
-    font-size: 0.8rem;
-  }
-}
-@media print {
-  .top {
-    display: block;
-  }
-}
-.theme--default .top span {
-  color: #e32a6d;
-}
-.theme--dark .top span {
-  color: #e32a6d;
-}
-
 .columnA {
   position: -webkit-sticky;
   position: sticky;
diff --git a/static/styles.scss b/static/styles.scss
index db4b765..805e340 100644
--- a/static/styles.scss
+++ b/static/styles.scss
@@ -156,28 +156,6 @@ body {
   }
 }
 
-.top {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1rem 0;
-  justify-content: left;
-  @media (max-width: 580px) {
-    display: block;
-    width: 90%;
-    padding: 1rem;
-    font-size: 0.8rem;
-  }
-  @media print {
-    display: block;
-  }
-  span {
-    @include themed() {
-      color: t($accent1);
-    }
-  }
-}
-
 .columnA {
   position: -webkit-sticky;
   position: sticky;
diff --git a/templates/top.html b/templates/top.html
index 57df701..c804af1 100644
--- a/templates/top.html
+++ b/templates/top.html
@@ -1,6 +1,6 @@
-<header class="top">
+<header class="text-sm sm:text-base sm:flex items-center p-4 print:block">
   <a href="https://nostr.com" class="print:hidden text-md text-right basis-1/6"
-    >What is <span>Nostr</span>?</a
+    >What is <span class="text-strongpink">Nostr</span>?</a
   >
   <div
     class="theme-toggle"