minhnt/NSG_PORTAL_V2
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
MoreStrive
2024-05-30 18:06:50 +07:00
parent 8ca31c6b18
commit 2aa5607c48
147 changed files with 5815 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page/layouts/articles/Long.vue
+32
View File
@@ -0,0 +1,32 @@
<script setup lang="ts">
</script>
<template>
<div class="page_container full-size-page">
<div class="layout_container center-layout grid-container">
<slot />
</div>
</div>
</template>
<style lang="scss" scoped>
.page_container {
&.full-size-page {
width: 100%;
}
.full-size-layout {
padding-left: 20px;
padding-right: 20px;
}
}
.layout_container {
padding-top: 40px;
padding-bottom: 40px;
&.center-layout {
max-width: 1300px;
margin: auto;
}
}
</style>
components/dynamic-page/page/layouts/articles/None.vue
+42
View File
@@ -0,0 +1,42 @@
/*
- LayoutType: None=0 | Normal=1 | Short=2 | Long=3 | Page=4
- ContentType: None=0 | General=1 | Photo=2 | Audio=3 | Video=4 | Graphic=5 | Document=6 | Interaction=7 (Poll,Quiz)
*/
<script setup lang="ts">
</script>
<template>
<div class="page_container full-size-page">
<div class="layout_container full-size-layout grid-container">
<slot />
</div>
</div>
</template>
<style lang="scss" scoped>
.page_container {
&.full-size-page {
width: 100%;
}
.full-size-layout {
padding-left: 20px;
padding-right: 20px;
}
}
.layout_container {
padding-top: 40px;
padding-bottom: 40px;
&.center-layout {
max-width: 1300px;
margin: auto;
}
}
.grid-container {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 40px;
}
</style>
components/dynamic-page/page/layouts/articles/Normal.vue
+32
View File
@@ -0,0 +1,32 @@
<script setup lang="ts">
</script>
<template>
<div class="page_container full-size-page">
<div class="layout_container center-layout grid-container">
<slot />
</div>
</div>
</template>
<style lang="scss" scoped>
.page_container {
&.full-size-page {
width: 100%;
}
.full-size-layout {
padding-left: 20px;
padding-right: 20px;
}
}
.layout_container {
padding-top: 40px;
padding-bottom: 40px;
&.center-layout {
max-width: 1300px;
margin: auto;
}
}
</style>
components/dynamic-page/page/layouts/articles/Page.vue
+42
View File
@@ -0,0 +1,42 @@
/*
- LayoutType: None=0 | Normal=1 | Short=2 | Long=3 | Page=4
- ContentType: None=0 | General=1 | Photo=2 | Audio=3 | Video=4 | Graphic=5 | Document=6 | Interaction=7 (Poll,Quiz)
*/
<script setup lang="ts">
</script>
<template>
<div class="page_container full-size-page">
<div class="layout_container full-size-layout grid-container">
<slot />
</div>
</div>
</template>
<style lang="scss" scoped>
.page_container {
&.full-size-page {
width: 100%;
}
.full-size-layout {
padding-left: 20px;
padding-right: 20px;
}
}
.layout_container {
padding-top: 40px;
padding-bottom: 40px;
&.center-layout {
max-width: 1300px;
margin: auto;
}
}
.grid-container {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 40px;
}
</style>
components/dynamic-page/page/layouts/articles/Short.vue
+32
View File
@@ -0,0 +1,32 @@
<script setup lang="ts">
</script>
<template>
<div class="page_container full-size-page">
<div class="layout_container center-layout grid-container">
<slot />
</div>
</div>
</template>
<style lang="scss" scoped>
.page_container {
&.full-size-page {
width: 100%;
}
.full-size-layout {
padding-left: 20px;
padding-right: 20px;
}
}
.layout_container {
padding-top: 40px;
padding-bottom: 40px;
&.center-layout {
max-width: 1300px;
margin: auto;
}
}
</style>