qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚨chore: Sync Sass

Browse Source
This commit is contained in:
minsik 2024-10-07 15:18:19 +09:00
parent 8d25b6176f
commit 7ddcc91d1f
4 changed files with 1629 additions and 1990 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1892
src/styles/_contents.scss
View File

File diff suppressed because it is too large Load Diff

1
src/styles/_modal.scss
View File

@ -787,7 +787,6 @@ $alert-color: #101010;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
padding-bottom: 14px; padding-bottom: 14px;
text-align: left;
} }
.eaves-keraba-td { .eaves-keraba-td {

1320
src/styles/_reset.scss
View File

File diff suppressed because it is too large Load Diff

396
src/styles/_table.scss
View File

@ -1,215 +1,205 @@
@mixin flexbox() { @mixin flexbox(){
display: flex; display: flex;
align-items: center; align-items: center;
} }
table { table{
.overflow-lab { .overflow-lab{
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.al-l{
.al-l { text-align: left !important;
text-align: left !important; }
}
} }
.common-table { .common-table{
table { table{
table-layout: fixed;
border: 1px solid #ECF0F4;
border-radius: 3px;
border-collapse: collapse;
tbody {
th {
font-size: 13px;
font-weight: 500;
color: #344356;
padding: 14px 12px;
border: 1px solid #ECF0F4;
background-color: #F7F9FA;
vertical-align: middle;
}
td {
padding: 9px;
border: 1px solid #ECF0F4;
font-size: 13px;
font-weight: 400;
color: #45576F;
vertical-align: middle;
.radio-wrap {
flex: none;
@include flexbox;
}
.form-flex-wrap {
@include flexbox;
}
.date-picker-wrap {
width: 100%;
@include flexbox;
span {
margin: 0 4px;
}
}
}
}
}
&.bt-able {
margin-bottom: 30px;
}
}
.infomation-table {
table {
border-top: 1px solid #DEE3EA;
border-bottom: 1px solid #DEE3EA;
border-collapse: collapse;
tbody {
tr {
th {
font-size: 13px;
color: #344356;
font-weight: 500;
padding: 18px 0;
border-bottom: 1px solid #F4F4F7;
.title {
margin-right: 8px;
}
}
td {
padding: 0 0 0 15px;
border-bottom: 1px solid #F4F4F7;
.guide {
font-size: 13px;
color: #697C8F;
font-weight: normal;
margin-left: 15px;
}
span {
font-size: 13px;
color: #697C8F;
font-weight: normal;
}
}
&:last-child {
th, td {
border-bottom: none;
}
}
}
}
.flx-box {
@include flexbox;
}
}
.tooltips {
display: block;
width: 14px;
height: 14px;
display: inline-block;
background: url(../../public/static/images/sub/tooltips.svg) no-repeat center;
background-size: cover;
cursor: pointer;
}
}
.module-table {
table {
table-layout: fixed;
border-collapse: collapse;
thead {
display: table;
table-layout: fixed;
width: 100%;
th {
padding: 13px 0;
font-size: 13px;
color: #344356;
font-weight: 500;
border-bottom: 2px solid #E0E5EB;
text-align: center;
}
}
tbody {
display: block;
overflow-y: auto;
tr {
display: table;
table-layout: fixed; table-layout: fixed;
width: 100%;
border: 1px solid #ECF0F4; border: 1px solid #ECF0F4;
border-radius: 3px;
td { border-collapse:collapse;
padding: 10px 0px; tbody{
font-size: 13px; th{
color: #45576F; font-size: 13px;
font-weight: 400; font-weight: 500;
text-align: center; color: #344356;
padding: 14px 12px;
border: 1px solid #ECF0F4 ;
background-color: #F7F9FA;
vertical-align: middle;
}
td{
padding: 9px;
border: 1px solid #ECF0F4 ;
font-size: 13px;
font-weight: 400;
color: #45576F;
vertical-align: middle;
.radio-wrap{
flex: none;
@include flexbox;
}
.form-flex-wrap{
@include flexbox;
}
.date-picker-wrap{
width: 100%;
@include flexbox;
span{
margin: 0 4px;
}
}
}
} }
}
&::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: #C1CCD7;
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
} }
&.bt-able{
&.small { margin-bottom: 30px;
tbody {
height: 120px;
}
} }
&.big {
td,
th {
&:nth-child(2) {
width: 121px;
}
}
tbody {
height: 160px;
td {
padding: 10px 20px;
}
}
}
}
} }
.roof-module-table { .infomation-table{
table { table{
table-layout: fixed; border-top: 1px solid #DEE3EA;
border-collapse: collapse; border-bottom: 1px solid #DEE3EA;
} border-collapse:collapse;
tbody{
tr{
th{
font-size: 13px;
color: #344356;
font-weight: 500;
padding: 18px 0;
border-bottom: 1px solid #F4F4F7;
.title{
margin-right: 8px;
}
}
td{
padding: 0 0 0 15px;
border-bottom: 1px solid #F4F4F7;
.guide{
font-size: 13px;
color: #697C8F;
font-weight: normal;
margin-left: 15px;
}
span{
font-size: 13px;
color: #697C8F;
font-weight: normal;
}
}
&:last-child{
th,td{border-bottom: none;}
}
}
}
.flx-box{
@include flexbox;
}
}
.tooltips{
display: block;
width: 14px;
height: 14px;
display: inline-block;
background: url(../../public/static/images/sub/tooltips.svg)no-repeat center;
background-size: cover;
cursor: pointer;
}
}
.module-table{
table{
table-layout: fixed;
border-collapse: collapse;
thead{
display: table;
table-layout: fixed;
width: 100%;
th{
padding: 13px 0;
font-size: 13px;
color: #344356;
font-weight: 500;
border-bottom: 2px solid #E0E5EB;
text-align: center;
}
}
tbody{
display: block;
overflow-y: auto;
tr{
display: table;
table-layout: fixed;
width: 100%;
border: 1px solid #ECF0F4;
td{
padding: 10px 0px;
font-size: 13px;
color: #45576F;
font-weight: 400;
text-align: center;
}
}
&::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: #C1CCD7;
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
}
&.small{
tbody{height: 120px;}
}
&.big{
td,
th{
&:nth-child(2){
width: 121px;
}
}
tbody{
height: 160px;
td{
padding: 10px 20px;
}
}
}
}
}
.roof-module-table{
table{
border-collapse: collapse;
thead{
th{
height: 40px;
padding: 0 10px;
font-size: 12px;
color: #fff;
font-weight: 500;
border: 1px solid #505050;
vertical-align: middle;
background-color: rgba(255, 255, 255, 0.05);
text-align: center;
word-break: keep-all;
}
}
tbody{
td{
font-size: 12px;
color: #fff;
font-weight: 400;
border: 1px solid #505050;
}
}
}
} }