Fix overflow

database_assets/styles/neptune.css

@@ -0,0 +1,19 @@
+:root {
+  --background-primary: rgba(0, 0, 0, 0);
+  --background-lighter: #04ff00;
+  --navbar-color: #ffffff;
+  --navbar-height: 60px;
+  --navbar-text-color: #ff7300;
+  --navbar-link-color: #16dcff;
+  --navbar-link-hover-color: gray;
+  --navbar-font: "Roboto";
+  --input-text-color: #e0def4;
+  --input-placeholder-color: white;
+  --input-background-color: #ffb9d5;
+  --input-border-color: #eb6f92;
+  --input-border-size: 1.3px;
+  --navbar-logo-filter: none;
+  --dropdown-option-hover-color: #a891f4;
+  --tab-color: var(--black);
+  --border-color: #ff009d;
+}

server.js

@@ -163,18 +163,18 @@ app.use(express.static(publicPath));
 //   type: "theme",
 // });
 
-// await catalog_assets.create({
+await catalog_assets.create({
-//   package_name: "com.nebula.fortnite.jpg",
+  package_name: "com.neptune.neptune",
-//   title: "Fortnite.jpg",
+  title: "Neptune",
-//   image: "fortnite.jpg",
+  image: "neptune.webp",
-//   author: "Nebula Services",
+  author: "Neptune",
-//   version: "1.0.0",
+  version: "1.0.0",
-//   description: "Like the image in Ultraviolet, now on Nebula!",
+  description: "Neptune image",
-//   tags: ["Image", "Funny"],
+  tags: ["Image", "Funny"],
-//   payload: "com.nebula.cybermonay.css",
+  payload: "neptune.css",
-//   background_image: "fortnite.jpg",
+  background_image: "neptune.webp",
-//   type: "theme",
+  type: "theme",
-// });
+});
 
 catalog_assets.sync();
 const server = createServer();

src/layouts/SettingsLayout.astro

@@ -9,7 +9,7 @@ import { Icon } from "astro-icon/components";
 
 <div class="flex flex-row">
   <div
-    class="text-text-color mt-16 overflow-y-auto fixed inset-0 h-[calc(100%-4rem)] z-0 bg-primary flex-col flex md:flex-row"
+    class="text-text-color mt-16 fixed inset-0 h-[calc(100%-4rem)] z-0 bg-primary flex-col flex md:flex-row"
   >
     <div
       class="items-center p-3 flex flex-row border-border-color gap-5 border-r-2 md:w-2/12 md:flex-col md:bg-navbar-color md:gap-0 md:p-0"
@@ -36,7 +36,7 @@ import { Icon } from "astro-icon/components";
         />
       </SidebarButton>
     </div>
-    <div class="p-8 md:w-10/12">
+    <div class="p-8 md:w-10/12 overflow-y-auto">
       <p class="text-5xl font-semibold mb-5">{t("settings.settings")}</p>
       <p class="text-2xl">{title}</p>
       <slot />