phongdt:fix ui
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user