Style fixes

Smaug6739 · Apr 16, 2024 · 0236668 · 0236668
1 parent dc2d756
commit 0236668
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 22 deletions.
diff --git a/@alexandrie/styles/src/theme.scss b/@alexandrie/styles/src/theme.scss
@@ -201,6 +201,7 @@ table {
 textarea {
 	font-family: $monospace-font;
 	font-size: 16px;
+	resize: none;
 }
 
 ul,

diff --git a/dashboard/components/Navbar.vue b/dashboard/components/Navbar.vue
@@ -16,28 +16,16 @@ header {
 	height: 100%;
 	display: flex;
 	justify-content: space-between;
-	padding: 0 15px;
+	padding: 15px;
 }
 
 .open-sidebar {
 	width: 30px;
 	height: 30px;
 	fill: var(--font-color);
-	margin: 15px;
 	cursor: pointer;
 }
 
-ul {
-	list-style: none;
-	padding: 0;
-	display: flex;
-	align-items: center;
-
-	li {
-		margin-right: 15px;
-	}
-}
-
 // Mobile styles
 @media screen and (max-width: 719px) {
 	.no-mobile {

diff --git a/dashboard/components/ThemeToggle.vue b/dashboard/components/ThemeToggle.vue
@@ -1,5 +1,5 @@
 <template>
-	<button @click="toggleColorMode" class="theme-toggle-button">
+	<button @click="toggleColorMode">
 		<svg v-if="colorMode.value === 'light'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
 			<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
@@ -25,13 +25,7 @@
 
 <script setup lang="ts">
 const colorMode = useColorMode();
-function toggleColorMode() {
-	if (colorMode.value === 'light') {
-		colorMode.preference = 'dark';
-	} else {
-		colorMode.preference = 'light';
-	}
-}
+const toggleColorMode = () => colorMode.value === 'light' ? colorMode.preference = 'dark' : colorMode.preference = 'light';
 </script>
 
 <style scoped lang="scss">
@@ -46,6 +40,5 @@ button {
 	cursor: pointer;
 	padding: 0;
 	margin: 0;
-	height: 50px;
 }
 </style>