v9

penguinify · Feb 18, 2024 · ca59d3b · ca59d3b
1 parent 9a02d36
commit ca59d3b
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 20 deletions.
diff --git a/dist/build.js b/dist/build.js
diff --git a/docs/testing/index.js b/docs/testing/index.js
diff --git a/src/gui/components/sidebar.component.ts b/src/gui/components/sidebar.component.ts
@@ -40,8 +40,8 @@ export class Sidebar extends Component {
 
         let pens =
             Pen.fromHTML(`
-            <div class="sidebar layer2 rounded-md" id="section-navbar">
-                <div class="header rounded-md">${NAME}</div>
+            <div class="cac-sidebar layer2 rounded-md" id="section-navbar">
+                <div class="cac-header rounded-md">${NAME}</div>
             </div>
         `) || []
 

diff --git a/src/gui/components/sidebarbackground.component.ts b/src/gui/components/sidebarbackground.component.ts
@@ -18,7 +18,7 @@ export class SidebarBackground extends Component {
 
     public stringIt(): string {
         return `
-            <div class="sidebar-background" id="sidebar-background"></div>
+            <div class="cac-sidebar-background" id="sidebar-background"></div>
         `
     }
 

diff --git a/src/gui/components/sidebarbutton.component.ts b/src/gui/components/sidebarbutton.component.ts
@@ -21,7 +21,7 @@ export class SidebarButton extends Component {
         }
 
         return Pen.fromHTML(`
-            <div class="sidebar-button" style="${top}" id="${this.title}">${this.icon}<p>${this.title}</p></div>
+            <div class="cac-sidebar-button" style="${top}" id="${this.title}">${this.icon}<p>${this.title}</p></div>
         `)
     }
 }
diff --git a/src/index.ts b/src/index.ts
@@ -19,6 +19,7 @@ function main() {
     checkForUpdate().then((update: boolean) => {
         if (update) {
             console.warn('Client outdated, please install the latest version!')
+            alert(`Client outdated, please install the latest version! (Currently on v${VERSION}.${ITERATION})`)
         }
     })
 

diff --git a/src/styles/content.less b/src/styles/content.less
@@ -101,7 +101,7 @@
     font-size: 1.5vw;
     cursor: pointer;
     text-align: left;
-    margin-bottom: 1rem;
+    margin-bottom: 0.75vw;
     line-height: 0.3;
     transition: 0.5s;
     color: white;
@@ -110,6 +110,11 @@
     h2 {
         color: white;
         font-size: 1.5vw;
+        margin: 1vw 0;
+    }
+
+    div {
+        margin: 1vw !important;
     }
 
     p {
@@ -121,10 +126,6 @@
         transition: opacity 0.5s;
     }
 
-    div {
-        margin: 1rem 0;
-    }
-
     &:hover {
         line-height: 0.6;
         padding-bottom: 2.1vw;

diff --git a/src/styles/sidebar.less b/src/styles/sidebar.less
@@ -1,7 +1,7 @@
 @import 'variables.less';
 @import 'animations.less';
 
-.sidebar {
+.cac-sidebar {
     width: 18vw;
     height: 100%;
     display: flex;
@@ -15,7 +15,7 @@
     animation: slide-in-blurred-bottom 1s cubic-bezier(0.23, 1, 0.32, 1) both;
 }
 
-.header {
+.cac-header {
     background: url('https://raw.githubusercontent.com/car-axle-client/car-axle-client/main/docs/logov9.png');
     background-size: cover;
     width: 16.5vw;
@@ -29,7 +29,7 @@
     margin: 0.5vw;
 }
 
-.sidebar-button {
+.cac-sidebar-button {
     width: 16.5vw;
     box-sizing: content-box;
     height: 1.2em;
@@ -63,7 +63,7 @@
     }
 }
 
-.sidebar-background {
+.cac-sidebar-background {
     background: @theme;
     box-sizing: content-box;
     width: 16.5vw;