refactor: body section bordered & overflow

This commit is contained in:
puriphatt 2024-11-21 12:46:52 +07:00
parent 557eb9bf12
commit e3341d13be
7 changed files with 10 additions and 12 deletions

View file

@ -973,7 +973,10 @@ watch(currentHq, () => {
/> />
</transition> </transition>
<div class="col surface-2 rounded" :no-padding="!!branchData.total"> <div
class="col surface-2 rounded bordered overflow-hidden"
:no-padding="!!branchData.total"
>
<template v-if="stats.length === 3 && !stats[0]?.count"> <template v-if="stats.length === 3 && !stats[0]?.count">
<div class="full-width full-height column"> <div class="full-width full-height column">
<div class="self-end q-ma-md"> <div class="self-end q-ma-md">

View file

@ -827,8 +827,7 @@ watch(
<!-- main --> <!-- main -->
<div <div
class="col surface-2 rounded justify-between column no-wrap bordered full-height" class="col surface-2 rounded justify-between column no-wrap bordered full-height overflow-hidden"
style="overflow: hidden"
> >
<div class="column"> <div class="column">
<div <div

View file

@ -846,8 +846,7 @@ const emptyCreateDialog = ref(false);
<!-- main --> <!-- main -->
<div <div
class="surface-2 bordered rounded col column full-width" class="surface-2 bordered rounded col column full-width overflow-hidden"
style="overflow: hidden"
> >
<!-- tabs --> <!-- tabs -->
<div class="column"> <div class="column">

View file

@ -344,7 +344,7 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
</transition> </transition>
<!-- SEC: header content --> <!-- SEC: header content -->
<section class="col surface-1 rounded"> <section class="col surface-1 rounded bordered overflow-hidden">
<div class="column full-height"> <div class="column full-height">
<header <header
class="row surface-3 justify-between full-width items-center bordered-b" class="row surface-3 justify-between full-width items-center bordered-b"

View file

@ -1696,10 +1696,7 @@ watch(
</div> </div>
</transition> </transition>
<div <div class="column col rounded bordered overflow-hidden no-wrap">
class="column col rounded bordered"
style="flex-wrap: nowrap; overflow: hidden"
>
<q-splitter <q-splitter
v-model="splitterModel" v-model="splitterModel"
:limits="[0, 100]" :limits="[0, 100]"

View file

@ -436,7 +436,7 @@ async function storeDataLocal(id: string) {
</transition> </transition>
<!-- SEC: header content --> <!-- SEC: header content -->
<header class="col surface-1 rounded"> <header class="col surface-1 rounded bordered overflow-hidden">
<div class="column full-height"> <div class="column full-height">
<section <section
class="row surface-3 justify-between full-width items-center bordered-b" class="row surface-3 justify-between full-width items-center bordered-b"

View file

@ -314,7 +314,7 @@ watch(
</transition> </transition>
<!-- SEC: header content --> <!-- SEC: header content -->
<section class="col surface-1 rounded" style="overflow: hidden"> <section class="col surface-1 rounded bordered overflow-hidden">
<div class="column full-height"> <div class="column full-height">
<header <header
class="row surface-3 justify-between full-width items-center bordered-b" class="row surface-3 justify-between full-width items-center bordered-b"