phongdt:fix ui #7

Merged
Ghost merged 1 commits from phongdt into main 2024-06-28 09:15:39 +00:00
5 changed files with 9 additions and 29 deletions
Showing only changes of commit 80a5aae4e6 - Show all commits
@@ -96,8 +96,8 @@ const drop = (e: any) => {
<span v-else class="empty-block" style="height: 8px"></span>
</nuxt-link>
</div>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</article>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</template>
<style lang="scss">
@@ -116,8 +116,8 @@ const drop = (e: any) => {
<nuxt-link :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{ parseData?.category?.title }}</nuxt-link>
</div>
</div>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</article>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</template>
<style lang="scss" scoped>
@@ -59,8 +59,8 @@ const mapActivesToItems = (index: number) => {
:component="COMPONENT"
@drop-data="dropData"
/>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</div>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</template>
<style lang="scss" scoped>
@@ -79,18 +79,6 @@ const mapActivesToItems = (index: number) => {
&.border-custom {
border-color: #e5e5e5 !important;
}
&.borderLeft {
border-left: 1px solid;
}
&.borderRight {
border-right: 1px solid;
}
&.borderTop {
border-top: 1px solid;
}
&.borderBottom {
border-bottom: 1px solid;
}
.empty {
min-height: 100px;
border-radius: 6px;
@@ -59,8 +59,8 @@ const mapActivesToItems = (index: number) => {
:component="COMPONENT"
@drop-data="dropData"
/>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</div>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
</template>
<style lang="scss" scoped>
@@ -79,18 +79,6 @@ const mapActivesToItems = (index: number) => {
&.border-custom {
border-color: #e5e5e5 !important;
}
&.borderLeft {
border-left: 1px solid;
}
&.borderRight {
border-right: 1px solid;
}
&.borderTop {
border-top: 1px solid;
}
&.borderBottom {
border-bottom: 1px solid;
}
.empty {
min-height: 100px;
border-radius: 6px;
@@ -208,9 +208,13 @@ const mapActivesToItems = (index: number) => {
</template>
<style lang="scss" scoped>
.border-pri {
&.section_layout {
gap: 5px;
}
}
.section_layout {
display: grid;
gap: 5px;
&.smartphone_layout {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}