From 86189bce6da5b07c67857aa4cd36d9b3fb7aae40 Mon Sep 17 00:00:00 2001
From: 3r1s_s <127928354+3r1s-s@users.noreply.github.com>
Date: Mon, 5 Aug 2024 17:14:49 -0700
Subject: [PATCH] some desktop changes

---
 desktop.css | 166 +++++++++++++++++++++++++++-------------------------
 1 file changed, 86 insertions(+), 80 deletions(-)

diff --git a/desktop.css b/desktop.css
index e2e2b0b..4438bd3 100644
--- a/desktop.css
+++ b/desktop.css
@@ -1,120 +1,126 @@
+html ::-webkit-scrollbar {
+    width: 0px;
+}
+
+body ::-webkit-scrollbar {
+   width: 12px;
+}
+ 
+body ::-webkit-scrollbar-track {
+ background: var(--background);
+ border-radius: 0px;
+}
+ 
+body ::-webkit-scrollbar-thumb {
+ background-color: var(--hov-accent-color);
+ border-radius: 25px;
+ border: 3px solid var(--accent-down);
+}
+
 .modal-button-s {
-    padding: 10px var(--button-padding);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    box-sizing: border-box;
-    text-wrap: nowrap;
-    background: var(--modal-button-color);
-    border-radius: var(--border-radius);
-    font-size: 12px;
-    text-align: left;
+   padding: 10px var(--button-padding);
+   overflow: hidden;
+   text-overflow: ellipsis;
+   box-sizing: border-box;
+   text-wrap: nowrap;
+   background: var(--modal-button-color);
+   border-radius: var(--border-radius);
+   font-size: 12px;
+   text-align: left;
 }
 
 .updt-inside {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    margin: var(--text-margin) 0;
+   display: flex;
+   gap: 10px;
+   align-items: center;
+   margin: var(--text-margin) 0;
 }
 
 .modal-button-s:hover {
-    background: var(--hov-modal-button-color);
+   background: var(--hov-modal-button-color);
 }
 
 .modal-button-s:active {
-    background: var(--modal-button-color);
+   background: var(--modal-button-color);
 }
 
-.desktop #page {
-    margin-top: 30px;
+.desktop .sidebar {
+   height: calc(100vh - 30px);
+   top: 30px;
 }
 
-.desktop .sidebar {
-    height: calc(100vh - 30px);
-    top: 30px;
+.desktop .side {
+   height: calc(100vh - 30px);
+   top: 30px;
 }
 
-.desktop .message-outer {
-    top: 30px;
+#main {
+   height: calc(100vh - 30px);
+   margin-top: 30px;
 }
 
-.desktop .side {
-    height: calc(100vh - 30px);
-    top: 30px;
+.launch {
+   height: calc(100vh - 30px);
 }
 
 .desktop .titlebar {
-    -webkit-app-region: drag;
-    height: 30px;
-    background: var(--background);
-    -webkit-user-select: none;
-    user-select: none;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 500;
-    margin-top: 1px;
+   -webkit-app-region: drag;
+   height: 30px;
+   background: var(--background);
+   -webkit-user-select: none;
+   user-select: none;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   position: fixed;
+   top: 0;
+   left: 0;
+   right: 0;
+   z-index: 500;
+   margin-top: 1px;
 }
 
 .titlebar-button {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    width: 30px;
-    height: 30px;
-    transition: background 75ms ease-in;
+   display: inline-flex;
+   justify-content: center;
+   align-items: center;
+   width: 30px;
+   height: 30px;
+   transition: background 75ms ease-in;
 }
 
 .titlebar-button:hover {
-    background: var(--accent-color);
-    cursor: pointer;
+   background: var(--accent-color);
+   cursor: pointer;
 }
 
 #titlebar-close:hover {
-    background: var(--red);
-    color: var(--color-on)
+   background: var(--red);
+   color: var(--color-on)
 }
 
 .titlebar-buttons {
-    transform: translateY(-1px);
-    display: flex;
-    justify-content: end;
-    -webkit-app-region: no-drag;
+   transform: translateY(-1px);
+   display: flex;
+   justify-content: end;
+   -webkit-app-region: no-drag;
 }
 
 .titlebar-name {
-    margin-left: 10px;
-    font-size: 16px;
-    font-weight: bold;
+   margin-left: 10px;
+   font-size: 16px;
+   font-weight: bold;
 }
 
 .desktop .titlebar-back {
-    display: block;
-    height: 30px;
-    background: var(--background);
-    -webkit-user-select: none;
-    user-select: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 100;
-}
-
-.desktop ::-webkit-scrollbar {
-    width: 0;
-    background: transparent;
-}
-
-.desktop * {
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-}
-
-.settings > h1 {
-    top: 30px;
+   display: block;
+   height: 30px;
+   background: var(--background);
+   -webkit-user-select: none;
+   user-select: none;
+   position: fixed;
+   top: 0;
+   left: 0;
+   right: 0;
+   z-index: 100;
 }
\ No newline at end of file