Mirrors/headscale-ui
1
0
Fork 0
mirror of https://github.com/gurucomputing/headscale-ui.git synced 2026-07-17 16:39:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #63 from gurucomputing/56-sidebar-does-not-float

Browse source 
fixed sidebar floating
This commit is contained in:
routerino 2022-09-13 17:53:34 +10:00 • committed by GitHub
commit db7b072822
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/common/nav.svelte
View file

@ -31,7 +31,7 @@
<!-- let the page initialize before showing the nav bar -->
{#if componentLoaded}
<nav class="bg-base-200 flex shadow-xl w-14 h-screen relative" class:navCollapsed={$navExpanded == 'collapsed'} class:navExpanded={$navExpanded == 'expanded'} transition:fade>
<nav class="bg-base-200 flex shadow-xl w-14 h-screen sticky top-0" class:navCollapsed={$navExpanded == 'collapsed'} class:navExpanded={$navExpanded == 'expanded'} transition:fade>
<!-- links on top of sidebar -->
<div class="absolute top-0 w-full">
<button class="w-full nav-item" on:click={() => ($navExpanded == 'collapsed' ? ($navExpanded = 'expanded') : ($navExpanded = 'collapsed'))}>

2
src/routes/+layout.svelte
View file

@ -12,7 +12,7 @@
<main data-theme={$themeStore} class="flex flex-col">
<!-- initialize localStorage -->
<Stores></Stores>
<div class="flex h-screen">
<div class="flex">
<!-- sidebar -->
<Nav />
<!-- main window -->