diff options
| author | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-02-11 11:37:37 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-02-11 11:37:37 +0530 |
| commit | bc639c89eb5530e7ffeae864ec7fa170e5faccc2 (patch) | |
| tree | cf8a514df898919494406f638d66e6ca2a8ffe1f | |
| parent | 4e7bcb396921860e20be11b11432866600a8d279 (diff) | |
using 100dvh in sidebar for mobile phones
| -rw-r--r-- | src/components/sidebar.vue | 4 |
1 files changed, 2 insertions, 2 deletions
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; |