From bc639c89eb5530e7ffeae864ec7fa170e5faccc2 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Sun, 11 Feb 2024 11:37:37 +0530
Subject: using 100dvh in sidebar for mobile phones

---
 src/components/sidebar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index 9c166d8..46f4f0c 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -14,7 +14,7 @@ watch(
 </script>
 
 <template>
-  <div v-if="requiresAuth" id="sidebar" class="d-flex flex-column flex-shrink-0 bg-dark border-secondary border-end">
+  <div id="sidebar" class="d-flex flex-column flex-shrink-0 bg-dark border-secondary border-end">
     <RouterLink class="d-flex justify-content-center align-items-center p-3 link-dark text-decoration-none navbar-brand text-white" to="/">
       <img src="https://vidhukant.com/images/vidhukant.webp" alt="profile photo" width="32" height="32" class="rounded-circle">
     </RouterLink>
@@ -104,7 +104,7 @@ watch(
 <style>
 #sidebar {
   width: 4rem;
-  height: 100vh;
+  height: 100dvh;
 }
 #sidebar .nav-link {
   border-radius: 0;
-- 
cgit v1.2.3