Commit 7f1a4c26 authored by shj's avatar shj

[DEL] 미사용 코드 삭제, 주석 처리

parent cb8ea044
...@@ -169,13 +169,6 @@ hr { ...@@ -169,13 +169,6 @@ hr {
} }
} }
// defulat.vue - subtitle
// .nuxt-route-subtitle {
// margin: 0px 2rem 20px;
// height: 20px;
// line-height: 20px;
// }
// defulat.vue - content
.nuxt-route-content { .nuxt-route-content {
padding: 0rem 2rem; padding: 0rem 2rem;
max-height: calc(100% - 46px) !important; max-height: calc(100% - 46px) !important;
...@@ -272,816 +265,15 @@ hr { ...@@ -272,816 +265,15 @@ hr {
} }
} }
.default-layout { .v-icon {
.default-container { transition: none !important;
max-width: 1400px;
}
}
// 기본 틀
.default-wrap {
overflow-x: hidden;
overflow-y: hidden;
// navigation-drawer
.navigation-wrap {
// &.theme--light{
// background-color: #ffffff;
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(360,1280,660)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='785' height='654.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
// background-attachment: fixed;
// background-size: cover;
// }
// &.theme--dark{
// background-color: #22262a;
// background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(360,1280,660)'%3E%3Cstop offset='0' stop-color='%2322262a'/%3E%3Cstop offset='1' stop-color='%2322262a'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='785' height='654.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
// background-attachment: fixed;
// background-size: cover;
// }
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: hidden;
height: calc(100vh - 0) !important;
box-shadow: rgba(0, 0, 0, 0.02) 0px 12px 36px !important;
&.theme--dark {
background-color: #22262a !important;
background: linear-gradient(135deg, #22262a 80%, #1f2023) !important;
}
&.theme--light {
background-color: #fff !important;
background: linear-gradient(135deg, #fff 80%, #f5f9fb) !important;
}
font-weight: 400 !important;
.v-list-item {
border-radius: 8px !important;
padding: 2px 14px;
justify-content: start !important;
&.active {
*{
transition: none !important;
}
border-radius: 8px !important;
&.theme--dark {
//background-color: #2f3135 !important;
*{
color: #1E88E5 !important;
}
.v-icon {
color: #1E88E5 !important;
}
}
&.theme--light {
//background-color: #f5f6f9 !important;
*{
color: #1E88E5 !important;
}
.v-icon {
color: #1E88E5 !important;
}
}
}
&::before {
border-radius: 8px !important;
}
}
.v-list-group__header {
::before {
border-radius: 10px !important;
}
border-radius: 10px !important;
&.theme--light {
color: #000 !important;
opacity: 0.7;
}
&.theme--dark {
color: #fff !important;
opacity: 0.7;
}
&.v-list-item--active {
opacity: 1.0 !important;
}
}
.privacy-wrap {
display: flex;
height: 30px;
opacity: 0.5;
margin: 10px;
font-size: 0.8rem;
}
.v-navigation-drawer__border {
display: none;
}
//메뉴
.menu-main-wrap {
position: absolute;
left: 0;
width: 100%;
top: 48px;
bottom: 0px;
overflow-y: auto !important;
height: calc(100% - 90px);
animation-name: fade;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
&.hide {
left: -100%;
animation-name: fade;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
}
.object-v-list-item {
opacity: 0.9;
&.active {
opacity: 1.0;
}
}
}
.menu-sub-wrap {
//background-color: #1e1e1e !important;
overflow-y: auto !important;
height: calc(100% - 90px);
top: 48px;
bottom: 0px;
position: absolute;
right: 0%;
width: 100%;
animation-name: fade;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
&.hide {
right: -100%;
animation-name: fade;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
}
.object-v-list-item {
opacity: 0.9;
&.active {
opacity: 1;
}
}
}
}
.font-strong {
background: linear-gradient(70deg, #d16ac2, 30%, #6347e2);
background: -webkit-linear-gradient(70deg, #d16ac2, 30%, #6347e2);
-webkit-text-fill-color: transparent;
font-weight: bold;
-webkit-background-clip: text;
font-weight: bold;
}
//app-bar
.app-bar-wrap {
transition-property: transform, left, right, box-shadow, max-width, width;
min-width: 320px;
&.active-transition {
transition-property: transform, left, right, box-shadow, max-width, width !important;
transition-duration: 0ms !important;
transition-delay: 0ms !important;
}
.modile-logo-wrap {
display: none;
}
}
.orgId-add-btn {
display: none;
&.on {
display: block;
}
}
}
// dashboard title
.dashboard-content-title {
cursor: pointer;
i {
opacity: 0;
}
&:hover {
i {
opacity: 1;
transform: translateX(10px);
}
}
}
//task 페이지
.task-wrap {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100%;
width: 100% !important;
max-height: 100%;
max-width: 100% !important;
overflow: hidden;
margin: 0 !important;
.task-content-wrap {
height: 100%;
position: relative;
//multipane
.custom-resizer {
width: 100%;
height: 100%;
.multipane-resizer {
position: relative;
display: flex;
background-color: transparent;
width: 4px;
left: 3px;
z-index: 99;
&:before {
content: "";
width: 3px;
height: 30px;
position: absolute;
left: 1px;
top: 45%;
border-right: 1px solid #1E88E5;
border-left: 1px solid #1E88E5;
}
&:hover {
&:before {
height: 100%;
top: 0;
background-color: #1E88E5;
}
}
}
}
.task-main-wrap {
display: flex;
margin: 0;
padding: 0;
min-width: 60%;
width: 100%;
height: 100%;
.task-result-floating-button {
position: absolute;
top: 1rem;
left: 24px;
z-index: 99;
}
.task-tool-wrap {
position: absolute;
left: 10px;
top: 60px;
z-index: 99;
width: 60px !important;
text-align: center;
border-radius: 10px;
.theme--light & {
background-color: #f5f5f5;
}
.theme--dark & {
background-color: #1f2023;
}
}
.task-main-result {
position: absolute;
background-color: transparent;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
box-shadow: none !important;
top: 1rem;
left: 65px;
width: 320px;
overflow-y: auto;
border-radius: 10px;
z-index: 99;
.v-card {
width: 300px;
margin-left: 15px;
.theme--dark & {
background-color: rgba(50, 50, 50, 0.3) !important;
.v-card__text {
color: #f0f0f0 !important;
}
}
.theme--light & {
background-color: rgba(250, 250, 250, 0.3) !important;
.v-card__text {
color: #333 !important;
}
}
}
&:before {
content: "";
top: 15px;
left: 0;
display: inline-block;
position: fixed;
z-index: 10;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
.theme--dark & {
border-right: 15px solid rgba(50, 50, 50, 0.3) !important;
}
.theme--light & {
border-right: 15px solid rgba(250, 250, 250, 0.3) !important;
}
border-bottom: 15px solid transparent;
width:15px !important;
height: 15px !important;
}
.v-data-table {
width: 100%;
}
}
.cropper-container {
height: 100% !important;
width: 100% !important;
}
.task-main-table {
height: 40px;
max-height: 40px !important;
.task-main-interface {
position: relative;
height: 40px;
.save-button {
position: absolute;
right: -10px;
top: -50px;
width: 90px;
height: 90px;
.theme--light & {
background-color: white !important;
}
.theme--dark & {
background-color: #1f2023 !important;
}
border-radius: 50%;
}
}
}
/////
}
.task-table-wrap {
height: 100%;
min-width: 21.429rem !important; //300px
.task-table-content {
display: flex;
width: 100%;
height: 100%;
}
.v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
.v-data-table>.v-data-table__wrapper>table>thead>tr>td,
.v-data-table>.v-data-table__wrapper>table>tfoot>tr>td {
cursor: pointer;
}
//overflow-y:scroll ;
.task-table {
display: flex;
min-width: 14.29rem; //200px;
width: 100%;
height: 50%;
.v-card {
width: 100%;
}
&.list-table {
position: absolute;
bottom: 0;
width: 100%;
}
.v-data-table {
height: 100%;
}
}
}
}
.labelring-mobile {
display: none;
}
}
.image-cropper {
overflow: hidden !important;
height: calc(100% - 40px) !important;
width: 100%;
.cut {
width: 100%;
height: 100%;
div {
.cropper-container {
max-height: calc(100vh - 40px) !important;
overflow: hidden;
.cropper-view-box {
position: relative;
border: 1px solid #2e67af;
box-shadow: rgba(60, 80, 180, 0.1) 0px 0px 20px 5px !important;
outline: none;
}
.cropper-crop-box {
z-index: 10;
&.hide {
opacity: 0 !important;
}
div {
width: max-content !important;
}
}
.cropper-face {
background-color: #fff !important;
opacity: 0.05;
}
}
height: 100%;
width: 100%;
}
}
.cropper-bg {
background-repeat: repeat;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
user-select: none;
direction: ltr;
touch-action: none;
}
}
//프로젝트 설정
.setting-wrap {
//padding:1.143rem;
max-height: unset !important;
min-height: unset !important;
.v-expansion-panel-header {
font-size: 1.09rem;
}
.pjName-overlap {
pointer-events: none;
&.active {
background-color: #2e67af !important;
pointer-events: unset;
}
}
.numberUpDown {
.v-input {
input {
text-align: center;
}
}
}
.project-setting-thumbnail {
.v-input {
margin-top: 4px;
}
.v-input__prepend-outer {
display: none;
}
.v-file-input .v-file-input__text {
cursor: pointer;
}
}
}
.remove-text {
font-size: 30px;
//color: #fff;
padding: 10px 0;
font-weight: bold;
//user-select: none;
}
.model-wrap {
//padding:2.144rem;
//height: 100%;
//position: relative;
tbody {
.v-data-table__expanded.v-data-table__expanded__content {
&:hover {
cursor: pointer;
}
}
tr {
&:hover {
cursor: pointer;
}
}
}
}
.v-icon {
transition: none !important;
}
.project-thumbnail-wrap,
.org-thumbnail-wrap {
position: relative;
display: inline-block;
&:hover {
.thumbnail-upload {
opacity: 1 !important;
}
}
.thumbnail {
.v-avatar {
background-color: rgba(0, 0, 0, 0.1);
}
}
.thumbnail-upload {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
opacity: 0;
position: absolute !important;
background-color: rgba($color: #333, $alpha: 0.5);
top: 0 !important;
right: 0;
height: 30px;
border-radius: 5px;
color: #fff !important;
cursor: pointer;
display: block;
text-align: center;
}
.static {
opacity: 1 !important;
}
.v-text-field {
display: none;
}
}
.v-tab {
background-color: transparent !important;
&::before {
background-color: transparent !important;
}
}
.model-version {
font-family: "Lobster Two", cursive;
font-weight: bold;
font-size: 1.2rem;
}
.model-detail-info {
padding: 1.5rem 1.5rem;
.model-detail-title {
width: 100%;
h3 {
margin: 1rem 0; //14px
}
.model-detail-critical-wrap {
justify-content: flex-end;
display: flex;
.model-detail-critical {
width: 60%;
}
}
}
.cols-detail-info-table-wrap {
margin: 50px 0px !important;
}
.confusion-matrix {
height: 100%;
.title {
font-size: 1rem;
}
.table-header-rotated {
margin-top: 10px;
border-collapse: collapse;
td {
width: 60px;
}
th {
padding: 20px 40px;
}
td {
text-align: center;
padding: 20px 10px;
border: 1px solid #ccc;
}
th.rotate-title {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
position: relative;
.title-text {
font-size: 0.85rem;
&.title-real {
position: absolute;
bottom: 4%;
left: 4%;
}
&.title-prediction {
position: absolute;
top: 4%;
right: 4%;
}
}
}
th.rotate {
border-right: 1px solid #ccc;
// height: 140px;
// white-space: nowrap;
>div {
//transform:translate(25px, 51px) rotate(315deg);
width: 30px;
}
// > div > span{
// border-bottom: 1px solid #ccc;
// padding:0px 20px 5px 10px;
// }
}
th.row-header {
padding: 0 10px;
border-bottom: 1px solid #ccc;
}
}
}
.model-table-wrap {
margin: 2rem 0rem 3rem;
}
.chart-common {
.precision-chart {
text-align: center;
>div>div>div {
margin: 0px auto;
}
}
.threshold-chart {
height: 100%;
text-align: center;
>div>div>div {
margin: 0px auto;
}
}
}
} }
.cols-table-wrap { .v-tab {
.cols-detail-info-table-wrap { background-color: transparent !important;
.theme--dark.v-data-table {
background-color: transparent;
}
table {
display: flex;
align-items: center;
tr {
display: flex;
flex-direction: column;
th {
display: flex;
align-items: center;
}
td { &::before {
align-items: center; background-color: transparent !important;
display: flex;
border-bottom: thin solid rgba(255, 255, 255, 0.12);
}
}
}
} }
} }
...@@ -1140,86 +332,6 @@ div:hover { ...@@ -1140,86 +332,6 @@ div:hover {
} }
} }
// 모델 상세페이지 공통
.object-tab-wrap {
//background-color:#1e1e1e;
}
.model-test {
padding: 1rem 10px;
.image-update-content {
.title-text {
font-size: 1.05rem;
}
.preview-text {
background-color: rgb(20, 8, 8);
font-size: 9px;
padding: 2px 3px;
display: inline-block;
margin-left: 5px;
border-radius: 5px;
}
}
.image-viewer {
margin: 0.5rem 0px;
height: 500px;
.tool-wrap {
padding: 0px 10px;
}
.image-cropper {
height: calc(500px - 55px);
.cut {
height: 100%;
>div {
height: 100%;
img {
height: 100%;
}
}
}
}
.filter-label {
.filter-title-wrap {
padding: 14px 12px;
border-bottom: 1px solid red;
.filter-title {
font-weight: bold;
margin-left: 2px;
margin-right: 5px;
display: inline-block;
}
.filter-sub-title {
font-size: 12px;
color: #737373;
}
}
.filter-content-wrap {
padding: 5px 12px;
.filter-value {
span {
font-size: 9px;
}
}
}
}
}
}
// 테이블 공통 css // 테이블 공통 css
.v-data-table { .v-data-table {
padding: 1rem 0; padding: 1rem 0;
...@@ -1322,98 +434,6 @@ div:hover { ...@@ -1322,98 +434,6 @@ div:hover {
box-shadow: none !important; box-shadow: none !important;
} }
.object-ready {
text-align: center;
padding-top: 7rem;
i {
font-size: 5rem !important;
margin-bottom: 1rem;
}
p {
font-size: 2rem;
}
}
//모델 > 개요
.training-info {
.training-title {
flex-grow: 0.2;
}
}
@keyframes leftHide {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@keyframes leftShow {
0% {
left: -100%;
}
100% {
left: 0%;
}
}
@keyframes rightShow {
0% {
right: -100%;
}
100% {
right: 0%;
}
}
@keyframes rightHide {
0% {
right: 0%;
}
100% {
right: -100%;
}
}
// 관리자설정 -> 프로젝트관리
.project-admin-setting-wrap {
.project-list {
width: 100%;
.text-start {
button {
display: none;
}
}
.member-list-wrap {
.list-title {
font-size: 1.02rem;
}
}
}
}
.select-none-border {
&.v-text-field {
.v-input__control {
.v-input__slot {
&:before {
border-width: 0px !important;
}
}
}
}
}
.snotify { .snotify {
width: unset !important; width: unset !important;
z-index: 999999999 !important; z-index: 999999999 !important;
...@@ -1445,77 +465,8 @@ div:hover { ...@@ -1445,77 +465,8 @@ div:hover {
font-size: 1rem !important; font-size: 1rem !important;
} }
//게시판 글쓰기
.notice-read-wrap {
.theme--light & {
.title-row {
//border-top: 2px solid #333;
}
.content-row {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
}
.theme--dark & {
.title-row {
//border-top: 2px solid #222;
}
.content-row {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
}
.title-row {
font-size: 2rem;
padding: 1rem 1rem;
margin: 0 1rem;
}
.subtitle-row {
padding: 2rem 1rem;
margin: 0 1rem;
display: flex;
flex-direction: row;
}
.content-row {
padding: 4rem 1rem;
margin: 1rem;
min-height: 500px;
}
}
//project-card
.project-card {
position: relative;
overflow: hidden;
.project-card-thumbnail {
cursor: pointer;
}
&.theme--dark {
.project-card-thumbnail {
background-color: #333 !important;
}
}
&.theme--light {
.project-card-thumbnail {
background-color: #eee !important;
}
}
transition: all .2s ease-in-out !important;
}
//v-card 전역 //v-card 전역
.v-card { .v-card {
&.task-card{ &.task-card{
cursor: pointer; cursor: pointer;
border-radius: 16px !important; border-radius: 16px !important;
...@@ -1527,228 +478,16 @@ div:hover { ...@@ -1527,228 +478,16 @@ div:hover {
} }
} }
.v-picker__body {
background-color: transparent !important;
}
//v-alert
.v-alert {
box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 30px !important;
}
//v-input 전역 //v-input 전역
.v-input__slot { .v-input__slot {
box-shadow: 1px 2px 3px -2px rgb(0 0 0 / 10%), box-shadow: 1px 2px 3px -2px rgb(0 0 0 / 10%),
1px 1px 1px 0 rgb(0 0 0 / 5%) !important; 1px 1px 1px 0 rgb(0 0 0 / 5%) !important;
} }
// v-swatch 전역
.vue-swatches {
top: 0;
left: 0;
position: absolute;
.vue-swatches__trigger {
width: 32px !important;
height: 32px !important;
margin: 0 12px !important;
}
.vue-swatches__container {
position: absolute;
top: 0;
left: 0;
width: 0 !important;
height: 0 !important;
box-shadow: none;
background-color: transparent !important;
.vue-swatches__wrapper {
position: fixed;
width: 160px !important;
padding: 4px !important;
border-radius: 10px;
.vue-swatches__row {
display: flex;
justify-content: center;
align-items: center;
}
.vue-swatches__swatch {
margin: 4px !important;
width: 32px !important;
height: 32px !important;
}
}
}
}
.v-dialog { .v-dialog {
min-width: 320px !important; min-width: 320px !important;
} }
.notice-wrap {
position: relative;
.notice-content {
min-width: 380px;
width: 380px !important;
position: absolute;
right: 3px;
border-radius: 10px !important;
margin-top: 10px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 30px !important;
.v-card__title{
}
.v-card__text {
height: 320px;
overflow-y: scroll;
}
.v-list {
height: 100%;
}
}
}
.admin-wrap {
position: relative;
text-align: left;
.profile-wrap {
position: relative;
}
.admin-content {
position: absolute;
margin-top: 10px;
right: 3px;
border-radius: 10px !important;
box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 30px !important;
width: 300px;
min-width: 300px !important;
.profile-picture {
text-align: center;
background-color: #2e67af;
border-radius: 100% !important;
//margin:0px auto;
//line-height: 70px;
margin-right: 1.2rem;
font-size: 1.2rem;
overflow: hidden;
position: relative;
i {
font-size: 3.5rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
.profile-name {
text-align: left;
width: 150px;
.name {
font-size: 1.1rem;
font-weight: 600;
}
.email {
font-size: 0.9rem;
opacity: 0.6 !important;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.admin-menu {
.v-list-group__items {
max-height: 240px;
overflow-y: auto;
border: 1px solid red !important;
.org-name {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.header-button {
position: absolute;
right: 0;
}
}
.v-list-item {
padding: 1px 24px !important;
}
}
}
// 텍스트 편집기 vue2-editor
.editor-content.hide-toolbar {
.ql-toolbar {
display: none;
}
.ql-container {
border: none;
}
}
.description-line-2 {
width: 100%;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2; // 원하는 라인수
-webkit-box-orient: vertical
}
.description-line-3 {
width: 100%;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2; // 원하는 라인수
-webkit-box-orient: vertical
}
// .calendar-container {
// border: 1px solid;
// height: 28px;
// line-height: 28px;
// display: inline-block;
// padding: 0 0.5rem;
// justify-content: center;
// border-radius: 0.3rem;
// span {
// display: inline-block;
// justify-content: center;
// height: 28px;
// line-height: 28px;
// padding: 0 0.5rem;
// }
// }
@media screen and (max-width: 1080px) { @media screen and (max-width: 1080px) {
.guide-navigator { .guide-navigator {
display: none !important; display: none !important;
...@@ -1756,8 +495,6 @@ div:hover { ...@@ -1756,8 +495,6 @@ div:hover {
} }
/* animation */ /* animation */
.fade_up_animation { .fade_up_animation {
......
<!-- 현재 미사용
<template> <template>
<div> <div>
<v-container class="guide-wrap"> <v-container class="guide-wrap">
...@@ -124,4 +127,6 @@ export default { ...@@ -124,4 +127,6 @@ export default {
} }
} }
}; };
</script> </script>
\ No newline at end of file
-->
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment