Makes the navbar and layout clicks

src/lib/components/Brand.svelte

@@ -2,7 +2,6 @@
 	import type { BrandConfig } from '$lib/config';
 
 	export let brand: BrandConfig = {};
-	export let size = 48;
 	export let color = 'var(--text)';
 	console.log(brand);
 
@@ -11,11 +10,7 @@
 	}
 </script>
 
-<div
-	class="container"
-	style="--size: {size}px; --mask: url({brand.logo || ''}); --mask-color: {color}"
-	class:masked={masked()}
->
+<div style="--mask: url({brand.logo || ''}); --mask-color: {color}" class:masked={masked()}>
 	{#if brand.logo}
 		{#if brand.asmask != true}
 			<img src={brand.logo} alt="logo" />
@@ -26,25 +21,21 @@
 </div>
 
 <style>
-	.container {
-		width: var(--size);
-		min-width: min-content;
-		height: var(--size);
+	div {
+		width: 100%;
+		height: 100%;
 		color: var(--mask-color);
 	}
 
+	img {
+		width: 100%;
+	}
+
 	.masked {
 		background: var(--mask-color);
 		mask: var(--mask) center no-repeat;
-		mask-size: var(--size);
+		mask-size: 100%;
 		-webkit-mask: var(--mask) center no-repeat;
-		-webkit-mask-size: var(--size);
-	}
-
-	div {
-		display: flex;
-		flex-flow: row wrap;
-		align-items: center;
-		justify-content: center;
+		-webkit-mask-size: 100%;
 	}
 </style>