merch-tracker-v2/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

grid moved to global view

Browse source
This commit is contained in:
nquidox 2025-09-14 14:20:19 +03:00
parent 1a1dfad6a5
commit 1aa9fe4412
3 changed files with 16 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/App.vue
View file

@ -4,9 +4,16 @@ import NavBar from '@/components/Navbar/NavBar.vue'
<template>
<NavBar />
<n-grid responsive="screen" item-responsive cols="24" :x-gap="16" :y-gap="16">
<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:1 s:1 m:2 l:2 xl:3 xxl:3" />
</n-grid>
</template>
<style scoped>
</style>
<style scoped></style>

1
src/components/Navbar/NavBar.vue
View file

@ -124,6 +124,7 @@ const renderLabel = (option) => {
border-bottom: 1px solid #eee;
position: relative;
z-index: 10;
margin-bottom: 10px;
}
.logo {

23
src/views/PersonalView.vue
View file

@ -3,28 +3,9 @@ import List from '@/views/PersonalView/List.vue'
</script>
<template>
<n-grid
responsive="screen"
item-responsive
cols="24"
:x-gap="16"
:y-gap="16"
>
<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">
<n-card class="personal-card"
bordered title="Personal info">
<n-card bordered title="Personal info">
<List />
</n-card>
</n-gi>
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3"/>
</n-grid>
</template>
<style scoped>
.personal-card {
margin: 10px auto 0;
}
</style>
<style scoped></style>