From a07fdf170c48e53e0bb0e7c3e2261751f0a83e13 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Tue, 24 Sep 2024 08:21:20 +0200
Subject: [PATCH] fix(styles): centralize logo container styles

Moved repetitive logo container styles to `base.css` for better maintainability and consistency across themes. Previously duplicated styles in individual theme files `plain.css` and `pride.css` are now removed.

This centralization reduces redundancy and ensures consistent styling for logo containers across different themes.
---
 assets/css/base.css        | 17 +++++++++++++++++
 assets/css/theme/plain.css |  8 --------
 assets/css/theme/pride.css |  8 --------
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/assets/css/base.css b/assets/css/base.css
index ad4bbd6..c487e12 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -123,6 +123,23 @@ h5 {
   color: #604c2e;
 }
 
+/* Image Styles */
+#logoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  max-width: 400px;
+  max-height: 400px;
+  width: 80vh;
+  height: 80vh;
+}
+
+#smallLogoContainer {
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 64px;
+  height: 64px;
+}
+
 .homemade,
 .fork {
   right: -0.5rem;
diff --git a/assets/css/theme/plain.css b/assets/css/theme/plain.css
index ea2c72e..bf02aef 100644
--- a/assets/css/theme/plain.css
+++ b/assets/css/theme/plain.css
@@ -1,15 +1,7 @@
 #logoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    max-width: 400px;
-    max-height: 400px;
-    width: 80vh;
-    height: 80vh;
 }
 
 #smallLogoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    width: 64px;
-    height: 64px;
 }
\ No newline at end of file
diff --git a/assets/css/theme/pride.css b/assets/css/theme/pride.css
index 5d14a33..2e7b105 100644
--- a/assets/css/theme/pride.css
+++ b/assets/css/theme/pride.css
@@ -4,16 +4,8 @@
 
 #logoContainer {
     background-image: url(../../img/logo-white.svg);
-    background-size: contain;
-    max-width: 400px;
-    max-height: 400px;
-    width: 80vh;
-    height: 80vh;
 }
 
 #smallLogoContainer {
     background-image: url(../../img/logo-inv_grad.svg);
-    background-size: contain;
-    width: 64px;
-    height: 64px;
 }
\ No newline at end of file