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

15
src/App.vue
View file

@ -4,9 +4,16 @@ import NavBar from '@/components/Navbar/NavBar.vue'
<template> <template>
<NavBar /> <NavBar />
<router-view />
<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> </template>
<style scoped> <style scoped></style>
</style>

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

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

27
src/views/PersonalView.vue
View file

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