refac

src/lib/components/admin/Users.svelte

@@ -55,10 +55,10 @@
 	});
 </script>
 
-<div class="flex flex-col lg:flex-row w-full h-full pb-2 lg:space-x-4">
+<div class="flex flex-col w-full h-full pb-2">
 	<div
 		id="users-tabs-container"
-		class="mx-[16px] lg:mx-0 lg:px-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full lg:gap-1 lg:flex-col lg:flex-none lg:w-50 dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
+		class="mx-[16px] flex flex-row overflow-x-auto gap-2.5 max-w-full dark:text-gray-200 text-sm font-normal text-left scrollbar-none"
 	>
 		<a
 			id="overview"
@@ -109,7 +109,7 @@
 		</a>
 	</div>
 
-	<div class="flex-1 mt-1 lg:mt-0 px-[16px] lg:pr-[16px] lg:pl-0 overflow-y-scroll">
+	<div class="flex-1 mt-1 px-[16px] overflow-y-scroll">
 		{#if selectedTab === 'overview'}
 			<UserList />
 		{:else if selectedTab === 'groups'}

src/routes/(app)/admin/+layout.svelte

@@ -35,9 +35,9 @@
 	<div
 		class=" flex flex-col h-screen max-h-[100dvh] flex-1 transition-width duration-200 ease-in-out {$showSidebar
 			? 'md:max-w-[calc(100%-var(--sidebar-width))]'
-			: ' md:max-w-[calc(100%-49px)]'}  w-full max-w-full"
+			: ''}  w-full max-w-full"
 	>
-		<nav class="   px-2.5 backdrop-blur-xl drag-region select-none">
+		<nav class="  px-1.5 pt-0.5 backdrop-blur-xl drag-region select-none">
 			<div class=" flex items-center gap-1">
 				{#if $mobile}
 					<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-end">

src/routes/(app)/workspace/+layout.svelte

@@ -60,7 +60,7 @@
 			? 'md:max-w-[calc(100%-var(--sidebar-width))]'
 			: ''} max-w-full"
 	>
-		<nav class="   px-2.5 backdrop-blur-xl drag-region select-none">
+		<nav class="   px-1.5 pt-0.5 backdrop-blur-xl drag-region select-none">
 			<div class=" flex items-center gap-1">
 				{#if $mobile}
 					<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">