From 6d3ccab3649c7685314e185cfe2b8d7e3fa071bf Mon Sep 17 00:00:00 2001 From: zhangyu Date: Wed, 21 Sep 2022 15:33:37 +0800 Subject: [PATCH] =?UTF-8?q?NEZ-2214=20fix=EF=BC=9Aasset=20model=20?= =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2=20=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/common/bottomBox/issueTab.scss | 200 +++++++++--------- 1 file changed, 100 insertions(+), 100 deletions(-) diff --git a/nezha-fronted/src/assets/css/components/common/bottomBox/issueTab.scss b/nezha-fronted/src/assets/css/components/common/bottomBox/issueTab.scss index 9eb6e6568..73c0fffc4 100644 --- a/nezha-fronted/src/assets/css/components/common/bottomBox/issueTab.scss +++ b/nezha-fronted/src/assets/css/components/common/bottomBox/issueTab.scss @@ -1,134 +1,134 @@ -#menu { +#issue-tab { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; - } - #menu .menu-li { + .menu-li { display: flex; flex-wrap: wrap; width: 200px; height: 90px; margin-top: 40px; position: relative; - } - #menu .menu-li .menu-i{ - font-size: 40px; - margin-right: 10px; - } - #menu .menu-li .describe { + } + .menu-li .menu-i{ + font-size: 40px; + margin-right: 10px; + } + .menu-li .describe { + position: absolute; + bottom: 40px; + right: 100px; + width: 50px; + color: $--color-text-secondary; + } + /* #menu .menu-li .menu-i,div{ + line-height: 100%; + } */ + .issuetab-header{ + height: 150px !important; + padding: 20px !important; + border-top: 1px solid $--border-color-light; + border-bottom: 1px solid $--border-color-light; + border-left:1px solid $--border-color-light; + .title{ + color: $--color-text-primary; + } + } + .issuetab-aside{ + position: relative; + height: 630px !important; + padding: 20px !important; + border: 1px solid $--border-color-light; + .add-comment-btn{ position: absolute; - bottom: 40px; - right: 100px; - width: 50px; - color: $--color-text-secondary; - } - /* #menu .menu-li .menu-i,div{ - line-height: 100%; - } */ - .issuetab-header{ - height: 150px !important; - padding: 20px !important; - border-top: 1px solid $--border-color-light; - border-bottom: 1px solid $--border-color-light; - border-left:1px solid $--border-color-light; - .title{ - color: $--color-text-primary; - } - } - .issuetab-aside{ - position: relative; - height: 630px !important; - padding: 20px !important; - border: 1px solid $--border-color-light; - .add-comment-btn{ - position: absolute; - left: 0; - bottom: 0; - border: 1px solid $--border-color-light; - width: 370px; - padding-left: 20px; - color: $--color-text-regular; - } - } - .issuetab-main { - height: 480px !important; - padding: 20px !important; - border-left: 1px solid $--border-color-light; - border-bottom:1px solid $--border-color-light; - } - .issuetab-eltabs { - margin-top: 20px !important; - height: 400px; - /* height:90%; */ - overflow-y:auto; - overflow-x:hidden - } - /* .issuetab-eltabs .tab-pane{ - } */ - .textareas{ - background: pink; - width: 390px; - position: absolute; - bottom: 35px; left: 0; + bottom: 0; border: 1px solid $--border-color-light; + width: 370px; + padding-left: 20px; + color: $--color-text-regular; } - .btn-box{ - position: absolute; - /* bottom: -40px; */ - right: 0; - } - .description{ - position: relative; - line-height: 100%; - } - .description .fold, .open { - position: absolute; - top: 0px; - left: 0px; - cursor:pointer;/*鼠标变小手*/ - border: 1px solid ; + } + .issuetab-main { + height: 480px !important; + padding: 20px !important; + border-left: 1px solid $--border-color-light; + border-bottom:1px solid $--border-color-light; + } + .issuetab-eltabs { + margin-top: 20px !important; + height: 400px; + /* height:90%; */ + overflow-y:auto; + overflow-x:hidden + } + /* .issuetab-eltabs .tab-pane{ + } */ + .textareas{ + background: pink; + width: 390px; + position: absolute; + bottom: 35px; + left: 0; + border: 1px solid $--border-color-light; + } + .btn-box{ + position: absolute; + /* bottom: -40px; */ + right: 0; + } + .description{ + position: relative; + line-height: 100%; + } + .description .fold, .open { + position: absolute; + top: 0px; + left: 0px; + cursor:pointer;/*鼠标变小手*/ + border: 1px solid ; } .description-title { - margin-left: 20px; + margin-left: 20px; } .description-content { - margin-left: 20px; - margin-top: 12px; - white-space:pre-wrap; + margin-left: 20px; + margin-top: 12px; + white-space:pre-wrap; } .relate-assets-box { - margin-top: 20px; + margin-top: 20px; } .relate-assets{ - position: relative; - line-height: 100%; + position: relative; + line-height: 100%; } .relate-assets .fold, .open { - position: absolute; - top: 0px; - left: 0px; - cursor:pointer;/*鼠标变小手*/ - border: 1px solid ; + position: absolute; + top: 0px; + left: 0px; + cursor:pointer;/*鼠标变小手*/ + border: 1px solid ; } .relate-assets-title { - margin-left: 20px; + margin-left: 20px; } .relate-assets-content { - margin-left: 20px; - margin-top: 12px; + margin-left: 20px; + margin-top: 12px; } .content-data{ - margin-top: 10px; - margin-left: 20px; + margin-top: 10px; + margin-left: 20px; } .first-content{ - border-bottom: 1px solid $--border-color-light; - border-top: 1px solid $--border-color-light; - margin-top: 20px; - padding-top: 10px; - padding-bottom: 10px; + border-bottom: 1px solid $--border-color-light; + border-top: 1px solid $--border-color-light; + margin-top: 20px; + padding-top: 10px; + padding-bottom: 10px; } - \ No newline at end of file +} +