minhnt-dev: make UI

This commit is contained in:
MoreStrive
2024-05-30 21:32:51 +07:00
parent 2aa5607c48
commit b52352660d
16 changed files with 315 additions and 169 deletions
@@ -141,7 +141,7 @@ const CLASS_FOR_SECTION = computed(() => {
</script>
<template>
<div class="section_layout" :class="[CLASS_FOR_SECTION.section_layout]">
<div class="section_layout grid gap-x-5 gap-y-2.5" :class="[CLASS_FOR_SECTION.section_layout]">
<div
v-for="(position, index) in props.content || Array(SETTING_OPTIONS.MAX_ELEMENT).fill({})"
:key="index"
@@ -154,9 +154,6 @@ const CLASS_FOR_SECTION = computed(() => {
<style lang="scss" scoped>
.section_layout {
display: grid;
gap: 10px;
&.basic_column {
grid-template-columns: repeat(1, minmax(0, 1fr));
}