Skip to content

Commit

Permalink
Add padding to bottom-nav
Browse files Browse the repository at this point in the history
  • Loading branch information
Lukas Bableck committed Mar 10, 2023
1 parent 0efabb4 commit 8f259e1
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/layouts/Layout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@
</main>

<!-- Mobile Only -->
<div v-if="$root.isMobile" style="width: 100%; height: 60px;" />
<div v-if="$root.isMobile" style="width: 100%; height: calc(60px + env(safe-area-inset-bottom));" />
<nav v-if="$root.isMobile && $root.loggedIn" class="bottom-nav">
<router-link to="/dashboard" class="nav-link">
<div><font-awesome-icon icon="tachometer-alt" /></div>
Expand Down Expand Up @@ -182,14 +182,14 @@ export default {
z-index: 1000;
position: fixed;
bottom: 0;
height: 60px;
height: calc(60px + env(safe-area-inset-bottom));
width: 100%;
left: 0;
background-color: #fff;
box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.05);
text-align: center;
white-space: nowrap;
padding: 0 10px;
padding: 0 10px env(safe-area-inset-bottom);
a {
text-align: center;
Expand Down

0 comments on commit 8f259e1

Please sign in to comment.