File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
/* page 추가 */
/* 작업관리 페이지*/
.node-zone {
margin-bottom: 10px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
.text-over {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.state span {
font-size: 1.3rem;
}
.vue-flow__panel button {
margin-left: 0;
}
/* 파일관리 페이지*/
.file-zone {
height: calc(100% - 55px);
}
.file-tree-zone {
height: calc(100% - 79px);
}
.tree-wrap {
height: 100%;
/* overflow: auto; */
}
.file-table th {
position: sticky;
top: 0;
}
.file-table tr .icon-btn {
opacity: 0;
}
.file-table tr:hover,
.file-table tr:nth-child(even):hover {
background-color: var(--color-light-orange);
}
.file-table tr:hover .icon-btn {
opacity: 1;
transition: all 0.5s ease-in-out;
}
/* 데이터활용관리 */
.gall-list li {
padding: 0 10px;
max-width: 25%;
}
.gall-list li>div {
min-height: 274px;
padding: 10px;
box-shadow: 0 0 5px #aaa;
}
.gall-list li>div a {
display: block;
width: 100%;
}
.gall-list li .gall-img {
width: 100%;
height: 200px;
text-align: center;
overflow: hidden;
margin-bottom: 10px;
}
.gall-list li .gall-img img {
width: 100%;
height: 100%;
}
.gall-list li .gall-title {
font-size: 1.6rem;
font-weight: 800;
margin-bottom: 10px;
}
.gall-info {
width: 100%;
}
.gall-list li .gall-detail {
font-size: 1.3rem;
width: 100%;
min-height: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
}
.custom-info {
position: absolute;
width: calc(100% - 0px);
z-index: 1;
}
.layout-option,
.layout {
padding: 15px 0;
height: 100%;
}
.custom-info details summary,
.component-zone details summary,
.chart-zone details summary {
font-size: 1.6rem;
padding: 15px;
border: 1px solid #213f99;
background-color: rgb(243, 246, 255);
border-radius: 5px;
position: relative;
}
.component-zone details summary,
.chart-zone details summary {
border: 1px solid var(--color-orange);
background-color: rgb(255, 249, 239);
color: var(--color-orange);
}
.custom-info details[open] summary,
.component-zone details[open] summary,
.chart-zone details[open] summary {
border-radius: 5px 5px 0 0;
}
.custom-info .info-zone {
border: 1px solid #eee;
border-radius: 0 0 5px 5px;
padding: 15px;
background-color: #fff;
}
.data-list {
height: calc(100% - 47px);
overflow-y: auto;
background-color: #f8f8f8;
border-radius: 5px;
padding: 10px;
}
.tab-zone {
position: relative;
}
.tab-zone,
.preview-zone {
height: 100%;
}
.column-item {
width: 100%;
font-size: 1.3rem;
text-align: center;
padding: 10px;
border-radius: 5px;
border: 1px solid var(--color-orange);
background-color: rgb(255, 249, 239);
color: var(--color-orange);
margin-bottom: 10px;
}
.column-item:last-child {
margin-bottom: 0;
}
.component-content {
padding: 10px;
}
.layout-content>li,
.component-content>li {
margin-top: 10px;
margin-right: 10px;
}
.layout-content>li:nth-child(3n),
.component-content>li:nth-child(3n) {
margin-right: 0px;
}
.icon-content {
margin-left: 10px;
font-size: 1.3rem;
}
.component-wrap {
width: 100%;
height: 100%;
padding: 10px;
border-radius: 5px;
background-color: #f8f8f8;
}
input[type="text"].com-dbZone {
margin-left: 0;
}
.db-input {
height: 100%;
}
.active-layout .vertical-icon,
.active-layout .horizental-icon {
background-color: var(--color-blueE);
border: 3px solid var(--color-blue);
}
.active-layout .horizental-icon>span,
.active-layout .vertical-icon>span {
border: 3px solid var(--color-blue);
}
.component-content li img {
width: 100%;
}
.page-info>.info-area,
.layout-tree ul {
height: calc(100% - 40px);
overflow-y: auto;
}
.layout-option {
background-color: var(--color-skyBlue);
}
.layout-option>div:nth-child(2) {
overflow-y: auto;
}
.section-title {
font-size: 1.4rem;
position: relative;
}
.section-title::before {
content: "";
position: absolute;
width: 100%;
height: 50%;
background-color: var(--color-orange);
left: 0;
bottom: 0;
opacity: 0.2;
}
.detail-content {
background-color: var(--color-white);
border: 1px solid var(--color-blue);
border-radius: 0 0 5px 5px;
border-top: 0;
}
.tab-box {
border: 1px solid #eee;
border-radius: 0 5px 0 0;
}
.attribute-modal {
position: absolute;
min-width: 120px;
max-width: 200px;
bottom: 0;
left: 0;
background-color: var(--color-white);
transform: translateY(100%);
border: 1px solid #ddd;
z-index: 3;
}
.attribute-modal>ul>li {
padding: 8px 5px;
border-top: 1px solid #eee;
}
.attribute-modal>ul>li:first-child {
border-top: 0;
}
.attribute-modal>ul>li svg,
.attribute-modal>ul>li p {
color: var(--color-darkG);
}
.attribute-modal>ul>li:hover svg,
.attribute-modal>ul>li:hover p {
color: var(--color-blue);
}
.editor-box {
background-color: var(--color-skyBlue);
border: 1px dashed var(--color-blue);
}
.data-set {
height: 30%;
}
.column-list {
height: 70%;
}
#horizontal-btn,
#vertical-btn {
width: 18px;
height: 18px;
}
#horizontal-btn>img,
#vertical-btn>img {
width: 100%;
}
/* 알람 */
.speaker {
text-align: center;
margin-bottom: 10px;
}
.speaker>span {
display: inline-block;
background-color: #eee;
}
.speaker>span:nth-of-type(1) {
width: 10px;
height: 10px;
border-radius: 10px;
}
.speaker>span:nth-of-type(2) {
width: 60px;
height: 10px;
border-radius: 10px;
margin-left: 10px;
}
.text-areaZone {
height: calc(50% - 22px);
margin-bottom: 10px;
}
.user-list {
width: 100%;
height: calc(100% - 50% - 22px);
}
.user-list .user-title {
font-size: 1.6rem;
font-weight: 800;
color: var(--color-blue);
margin-bottom: 10px;
}
.user-list>ul {
padding: 10px;
height: calc(100% - 29px);
overflow-y: auto;
border-top: 1px solid #eee;
}
.user-list>ul>li {
padding: 5px 10px;
margin-bottom: 10px;
border: 1px solid var(--color-orange);
background-color: rgb(255, 249, 239);
color: var(--color-orange);
border-radius: 5px;
font-size: 1.3rem;
}
.user-list>ul>li:last-child {
margin-bottom: 0;
}
.user-zone,
.log-zone {
height: 100vh;
}
.all-user,
.check-user {
height: 100vh;
border: 1px solid #eee;
}
.log-content {
height: 99%;
background-color: var(--color-blueE);
padding: 10px 10px 10px 25px;
overflow-y: auto;
}
.log-content li {
font-size: 1.3rem;
color: var(--color-blue);
list-style: disc;
padding: 5px;
}
.push-text {
padding: 10px;
font-family: 'Pretendard';
font-size: 15px;
}
/* 요소옵션 추가 240216 김하영 */
.optionBox {
width: 100%;
height: 100%;
border-radius: 5px;
padding: 2rem;
background-color: #f9f9f9;
}
.optionBoxText {
font-size: 1.5rem;
color: #213f99;
font-family: 'Pretendard';
font-weight: 600;
}
.selectBoxArea select {
border: 0px;
background-color: white;
}
.optionBox {
font-size: 1.5rem;
}
.optionSubText {
text-align: center;
}
.optionSubBox {
background-color: white;
padding: 10px;
border-radius: 5px;
overflow-y: scroll;
height: 225px;
}
.optionSubBox li {
margin-bottom: 10px;
}
.cyberpunk-checkbox {
appearance: none;
width: 20px;
height: 20px;
border: 2px solid var(--color-blue);
border-radius: 5px;
background-color: transparent;
display: inline-block;
position: relative;
margin-right: 10px;
cursor: pointer;
}
.cyberpunk-checkbox:before {
content: "";
background-color: var(--color-blue);
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 10px;
height: 10px;
border-radius: 3px;
transition: all 0.3s ease-in-out;
}
.cyberpunk-checkbox:checked:before {
transform: translate(-50%, -50%) scale(1);
}