Max width for codespaces, gists (#40)

src/gist.css

@@ -0,0 +1,15 @@
+/* Copyright (C) 2024 Katsute <https://github.com/Katsute> */
+
+.js-header-wrapper > .Header,
+.gisthead > div {
+
+    width: 100%;
+    max-width: 1280px;
+    margin-left: auto;
+    margin-right: auto;
+
+}
+
+body > div > div.position-relative {
+    background-color: var(--header-bgColor, var(--color-header-bg));
+}

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Center",
     "author": "Katsute",
     "description": "Center navigation on large viewports",
-    "version": "2.5",
+    "version": "3.0",
     "homepage_url": "https://github.com/KatsuteDev/GitHub-Center",
     "icons": {
         "16": "icon16.png",
@@ -21,8 +21,14 @@
     },
 
     "permissions": [],
-    "content_scripts": [{
-        "css": ["style.css"],
-        "matches": ["https://github.com/*"]
-    }]
+    "content_scripts": [
+        {
+            "css": ["style.css"],
+            "matches": ["https://github.com/*"]
+        },
+        {
+            "css": ["gist.css"],
+            "matches": ["https://gist.github.com/*"]
+        }
+    ]
 }

src/style.css

@@ -6,7 +6,9 @@ react-app[app-name="actions-metrics"],
 react-app[app-name="repos-list"],
 #js-repo-pjax-container > *:not(projects-v2, .flash),
 body:not(.project-page) #repo-content-turbo-frame > div,
+body:has(codespace-zero-config) .application-main,
 #repo-content-turbo-frame[src$="/actions"],
+#js-flash-container > .flash > div,
 #notification-shelf > div {
 
     width: 100%;