footer always on bottom

This commit is contained in:
nquidox 2025-10-12 15:12:44 +03:00
parent b12c79fa21
commit c29caf01c8
3 changed files with 37 additions and 18 deletions

View file

@ -8,29 +8,32 @@ import Footer from '@/components/Footer/Footer.vue'
<n-message-provider>
<n-dialog-provider>
<n-notification-provider>
<NavBar />
<div class="app-layout">
<NavBar />
<div class="main-content">
<n-grid
responsive="screen"
item-responsive
cols="24"
:x-gap="16"
:y-gap="16"
class="shift"
>
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
<n-grid
responsive="screen"
item-responsive
cols="24"
:x-gap="16"
:y-gap="16"
class="shift"
>
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
<n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
<router-view />
</n-gi>
<n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
<router-view />
</n-gi>
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
</n-grid>
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
</n-grid>
</div>
<Footer />
</div>
</n-notification-provider>
</n-dialog-provider>
</n-message-provider>
</n-config-provider>
<Footer />
</template>
<style scoped>