Minor cleanup to header styling

QuiteAFancyEmerald · Jul 18, 2024 · d67ed4f · d67ed4f
1 parent 3c6f5a1
commit d67ed4f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/views/assets/css/styles-1644738239.css b/views/assets/css/styles-1644738239.css
@@ -284,8 +284,7 @@ details[open] summary {
   justify-content: space-between; /* Align items horizontally */
   align-items: center; /* Align items vertically */
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.274);
-  border-bottom: 10px solid transparent;
-  padding: 10px 200px 10px;
+  padding: 15px 200px;
   z-index: 2;
   position: relative;
 }
@@ -335,12 +334,13 @@ details[open] summary {
   color: var(--nord4) !important;
 }
 
-.new {
-  width: 50px;
-  height: 45.5px;
+.new::after {
+  content: "";
+  padding: 22.75px 25px;
   margin-left: 8px;
   background-image: url('/assets/img/new.svg'); /* Replace with your logo path */
   background-size: cover;
+  font-size: 0;
 }
 
 .navbar {
@@ -446,7 +446,7 @@ details[open] summary {
 
 @media (max-width: 1400px) {
   #header {
-    padding: 10px 50px; /* Adjust padding for larger screens */
+    padding: 15px 50px; /* Adjust padding for larger screens */
   }
 
   .brand {
@@ -478,7 +478,7 @@ details[open] summary {
 
 @media (max-width: 1170px) {
   #header {
-    padding: 10px 40px; /* Adjust padding for larger screens */
+    padding: 15px 40px; /* Adjust padding for larger screens */
   }
 
   .brand {

diff --git a/views/pages/misc/deobf/header.html b/views/pages/misc/deobf/header.html
@@ -10,9 +10,8 @@
   <li class="pulse" style="margin-left: 0; "><a href="/?browse">Web Proxies</a></li>
   <li class="pulse"><a href="/?g">Games</a></li>
   <li class="pulse"><a href="/?y">YouTube</a></li>
-  <li class="brand-logo-container pulse">
+  <li class="brand-logo-container pulse new">
     <a href="/?apps">Applications</a>
-    <div class="new"></div>
   </li>
 </ul>
 <ul class="navbar">