css fixes, promo images

KatsuteDev · Dec 28, 2023 · f56b9fa · f56b9fa
1 parent 01b1d8e
commit f56b9fa
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,9 @@
 <div align="center">
     <a href="https://github.com/KatsuteDev/GitHub-Center#readme">
-        <img src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Center/main/assets/icon.png#gh-light-mode-only" width=100>
-        <img src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Center/main/assets/icon-alt.png#gh-dark-mode-only" width=100>
+        <picture>
+            <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/KatsuteDev/GitHub-Center/main/assets/icon-alt.png">
+            <img src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Center/main/assets/icon.png" width=100>
+        </picture>
     </a>
     <h3>GitHub Center</h3>
     <p>Center GitHub navigation on large viewports.</p>
@@ -30,7 +32,7 @@
 <a href="https://chrome.google.com/webstore/detail/github-center/"><img alt="Opera" width="48" valign="middle" src="https://raw.githubusercontent.com/KatsuteDev/GitHub-Center/main/assets/opera.svg"></a>
 <a href="https://chrome.google.com/webstore/detail/github-center/"><img alt="Chrome Web Store" valign="middle" src="https://img.shields.io/chrome-web-store/v/github-center?label=%20&style=flat-square&color=4285F4"></a>
 
-#### Firefox*
+#### Firefox
 
 <sup><i>requires Firefox 121 or higher</i></sup>
 

diff --git a/assets/promo-marquee.png b/assets/promo-marquee.png
diff --git a/assets/promo-small.png b/assets/promo-small.png
diff --git a/assets/screenshot.png b/assets/screenshot.png
diff --git a/src/style.css b/src/style.css
@@ -1,11 +1,25 @@
 /* Copyright (C) 2023 Katsute <https://github.com/Katsute> */
 
 .AppHeader > div, #repository-container-header,
-body:not(.project-page):not(.full-width) #repo-content-turbo-frame > div:not(:has(> react-app[app-name="react-code-view"])) {
+body:not(.project-page, .full-width) #repo-content-turbo-frame > div:not(:has(> react-app[app-name="react-code-view"])) {
 
     width: 100%;
     max-width: 1280px;
     margin-left: auto;
     margin-right: auto;
 
+}
+
+#repository-container-header > .container-xl,
+#repo-content-turbo-frame .container-xl {
+
+	padding-left: 16px !important;
+	padding-right: 16px !important;
+
+}
+
+#repository-container-header > .container-xl > .border-bottom {
+
+	margin: 0 !important;
+
 }