Merge pull request #827 from Adamant-im/fix/samsung-height

fix: samsung height

Author: S-FrontendDev

src/App.vue

@@ -85,6 +85,17 @@ setLocale()
 <style lang="scss" scoped>
 @use '@/assets/styles/themes/adamant/_mixins.scss';
 
+.application--linear-gradient {
+  overflow: hidden;
+
+  &:deep(.v-application__wrap) {
+    min-height: unset;
+    margin-top: env(safe-area-inset-top);
+    height: calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top));
+    height: calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top));
+  }
+}
+
 .v-theme--light.application--linear-gradient {
   @include mixins.linear-gradient-light();
 }

src/layouts/no-container.vue

@@ -2,7 +2,7 @@
   <slot />
 
   <app-snackbar />
-  <app-navigation v-if="showNavigation" />
+  <app-navigation v-if="showNavigation" absolute />
 </template>
 
 <script setup lang="ts">

src/layouts/toolbar.vue

@@ -9,7 +9,7 @@
     <slot />
   </v-container>
   <app-snackbar />
-  <app-navigation v-if="showNavigation" />
+  <app-navigation v-if="showNavigation" absolute />
 </template>
 
 <script setup lang="ts">

src/views/AppSidebar.vue

@@ -222,6 +222,8 @@ onBeforeUnmount(() => {
 
   &__with-aside {
     max-width: 1512px;
+    height: 100%;
+
     @media (min-width: 1513px) {
       border-right: 2px solid black;
       border-left: 2px solid black;
@@ -231,7 +233,7 @@ onBeforeUnmount(() => {
   &__aside {
     width: var(--asideWidth);
     min-height: 100%;
-    height: calc(100vh - var(--v-layout-bottom));
+    height: calc(100% - var(--v-layout-bottom));
     border-right: 2px solid black;
     position: relative;
     max-width: 75%;