Update

Author: RobiNN1

.github/img/banner.svg

@@ -1262,10 +1262,6 @@ svg {
   color: rgb(12 74 110 / var(--tw-text-opacity));
 }
 
-.opacity-60 {
-  opacity: 0.6;
-}
-
 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

assets/logo.svg .github/img/logo.svgassets/logo.svg renamed to .github/img/logo.svg

@@ -136,19 +136,23 @@ public static function returnJson(array $data): string {
     /**
      * Get svg icon from file.
      *
-     * @param string $icon
-     * @param int    $size
+     * @param string  $icon
+     * @param ?int    $size
+     * @param ?string $class
      *
      * @return ?string
      */
-    public static function svg(string $icon, int $size = 16): ?string {
+    public static function svg(string $icon, ?int $size = 16, ?string $class = null): ?string {
         $file = __DIR__.'/../assets/icons/'.$icon.'.svg';
 
         if (is_file($file)) {
             $content = trim(file_get_contents($file));
             preg_match('~<svg([^<>]*)>~', $content, $attributes);
 
-            return preg_replace('~<svg([^<>]*)>~', '<svg'.$attributes[1].' width="'.$size.'" height="'.$size.'">', $content);
+            $size_attr = $size ? ' width="'.$size.'" height="'.$size.'"' : '';
+            $class_attr = $class ? ' class="'.$class.'"' : '';
+
+            return preg_replace('~<svg([^<>]*)>~', '<svg'.$attributes[1].$size_attr.$class_attr.'>', $content);
         }
 
         return null;

assets/css/styles.css

@@ -11,10 +11,10 @@
 <aside id="sidebar" class="hidden md:block">
     <nav class="block fixed top-0 left-0 bottom-0 overflow-y-auto overflow-hidden w-64 bg-{{ color }}-500 shadow-xl shadow-gray-500 py-4 pt-6 px-6">
         <div class="min-h-full px-0 w-full mx-auto">
-            <a class="block pb-2 text-left text-white text-lg font-bold hidden md:block" href="index.php">phpCacheAdmin</a>
+            <a class="pb-2 text-white hidden md:block" href="index.php">{{ svg('logo', null) }}</a>
             {% for link, title in nav %}
                 <a class="block py-2 text-white hover:text-gray-200{{ current == link ? ' font-bold' : '' }}" href="?type={{ link }}">
-                    <span class="mr-1 opacity-60">{{ svg(link) }}</span> {{ title }}
+                    <span class="mr-1">{{ svg(link) }}</span> {{ title }}
                 </a>
             {% endfor %}
             <footer class="text-center text-white my-4">

assets/icons/logo.svg

@@ -49,7 +49,7 @@
                 </tr>
             {% else %}
                 <tr>
-                    <td colspan="2"><img class="mx-auto h-20 w-20" src="assets/icons/loading.svg" alt="Loading..."></td>
+                    <td colspan="2">{{ svg('loading', null, 'block mx-auto h-20 w-20') }}</td>
                 </tr>
             {% endif %}
             </tbody>