1
0
Prechádzať zdrojové kódy

Structural improvements

Sunny 2 rokov pred
rodič
commit
0597c01db4
4 zmenil súbory, kde vykonal 17 pridanie a 35 odobranie
  1. 13 27
      assets/style.css
  2. 2 2
      elements/sidebar.php
  3. 1 3
      pages/artist.php
  4. 1 3
      pages/search.php

+ 13 - 27
assets/style.css

@@ -1,14 +1,12 @@
 :root {
   --background: white;
   --color: black;
-  --font: system-ui;
-  --width: 1400px;
 }
 
 body {
   background: var(--background);
   color: var(--color);
-  font-family: var(--font);
+  font-family: system-ui;
 
   display: flex;
   flex-direction: column;
@@ -17,7 +15,7 @@ body {
 }
 
 .wrapper {
-  max-width: var(--width);
+  max-width: 1400px;
   margin: auto;
   padding: 1em;
 }
@@ -74,44 +72,37 @@ header .wrapper input {
   width: 100%;
 }
 
-main .wrapper .page {
+main .wrapper .page,
+main .wrapper .subpage {
   display: grid;
   gap: 1em;
+}
+
+main .wrapper .page {
   grid-template-columns: auto 250px;
 }
 
 main .wrapper .subpage {
-  display: grid;
-  gap: 1em;
   grid-template-columns: 250px auto 250px;
 }
 
-main .wrapper .page img,
-main .wrapper .subpage img {
+main .wrapper img {
   width: 100%;
 }
 
 main .wrapper .results,
-main .wrapper .results div {
+main .wrapper .results a {
   display: grid;
   gap: 1em;
 }
 
-main .wrapper .results div {
-  align-items: center;
-}
-
 main .wrapper .results {
   grid-template-columns: repeat(auto-fill, minmax(300px, auto));
 }
 
-main .wrapper .results div {
+main .wrapper .results a {
   grid-template-columns: 100px auto;
-}
-
-main .wrapper .results p {
-  overflow: hidden;
-  text-overflow: ellipsis;
+  align-items: center;
 }
 
 main .wrapper .results img {
@@ -120,10 +111,9 @@ main .wrapper .results img {
   object-fit: cover;
 }
 
-main .wrapper .sidebar a,
-main .wrapper .tracks a {
+main .wrapper .tracks a,
+main .wrapper .sidebar a {
   font-weight: bold;
-  text-decoration: initial;
 }
 
 a {
@@ -131,10 +121,6 @@ a {
   text-decoration: initial;
 }
 
-p a {
-  text-decoration: underline;
-}
-
 ::selection {
   background: var(--color);
   color: var(--background);

+ 2 - 2
elements/sidebar.php

@@ -9,9 +9,9 @@
   if (!empty($description)) echo "<p>" . nl2br(trim(preg_replace("/\.\.\...more\s*\n\s*$/", "", $description))) . "</p>";
 
   if ($links->length) echo "<p>";
-  foreach ($links as $link) {
+  foreach ($links as $index => $link) {
     echo "<a href=\"" . convert_link($link->attr("href")) . "\">" . htmlspecialchars($link->text()) . "</a>";
-    echo "<br>";
+    if ($index !== count($links) - 1) echo "<br>";
   };
   if ($links->length) echo "</p>";
 

+ 1 - 3
pages/artist.php

@@ -32,7 +32,6 @@
     $link = convert_link($link);
 
     echo "<a href=\"" . $link . "\">";
-    echo "<div>";
     echo "<img src=\"" . $image . "\">";
     echo "<span>";
     echo htmlspecialchars($title[0]);
@@ -45,12 +44,11 @@
     };
 
     echo "</span>";
-    echo "</div>";
     echo "</a>";
   };
 
   if (!$releases->length)
-    echo "<div>No results.</div>";
+    echo "<span>No results.</span>";
 
   echo "</div>";
 

+ 1 - 3
pages/search.php

@@ -27,7 +27,6 @@
     $link = convert_link($link);
 
     echo "<a href=\"" . $link . "\">";
-    echo "<div>";
     echo "<img src=\"" . convert_link($result->img) . "\">";
     echo "<span>";
     echo htmlspecialchars($result->name);
@@ -50,12 +49,11 @@
       echo "<br><small>" . $text . "</small>";
 
     echo "</span>";
-    echo "</div>";
     echo "</a>";
   };
 
   if (empty($results))
-    echo "<div>No results.</div>";
+    echo "<span>No results.</span>";
 
   echo "</div>";
 ?>