마이페이지 이용자 관리 , 인증키 관리 반응형으로 수정
This commit is contained in:
hong
@@ -2996,6 +2996,10 @@ body.design-survey-active .global-header {
|
||||
transform: translateY(-2px);
|
||||
color: #fff;
|
||||
}
|
||||
.btn-action-primary.md {
|
||||
font-size: 14px;
|
||||
padding: 11px 45px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.btn-action-primary {
|
||||
font-size: 15px;
|
||||
@@ -15558,6 +15562,19 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
background: none;
|
||||
font-family: "Spoqa Han Sans Neo", "Noto Sans KR", sans-serif;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.step1-wrap .s1-title,
|
||||
.step1-wrap .s2-title,
|
||||
.step1-wrap .s3-title,
|
||||
.step2-wrap .s1-title,
|
||||
.step2-wrap .s2-title,
|
||||
.step2-wrap .s3-title,
|
||||
.step3-wrap .s1-title,
|
||||
.step3-wrap .s2-title,
|
||||
.step3-wrap .s3-title {
|
||||
font-size: 23px !important;
|
||||
}
|
||||
}
|
||||
.step1-wrap .s1-progress-card,
|
||||
.step2-wrap .s1-progress-card,
|
||||
.step3-wrap .s1-progress-card {
|
||||
@@ -15648,6 +15665,20 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
flex-shrink: 0;
|
||||
color: #b0bec5;
|
||||
}
|
||||
.step1-wrap .s1-step-circle img,
|
||||
.step2-wrap .s1-step-circle img,
|
||||
.step3-wrap .s1-step-circle img {
|
||||
display: block;
|
||||
object-fit: contain;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.step1-wrap .s1-step-circle img,
|
||||
.step2-wrap .s1-step-circle img,
|
||||
.step3-wrap .s1-step-circle img {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.step1-wrap .s1-step-circle,
|
||||
.step2-wrap .s1-step-circle,
|
||||
@@ -15674,16 +15705,16 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
.step1-wrap .s1-step-svg,
|
||||
.step2-wrap .s1-step-svg,
|
||||
.step3-wrap .s1-step-svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.step1-wrap .s1-step-svg,
|
||||
.step2-wrap .s1-step-svg,
|
||||
.step3-wrap .s1-step-svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: 18px !important;
|
||||
height: 18px !important;
|
||||
}
|
||||
}
|
||||
.step1-wrap .s1-step-num,
|
||||
@@ -16149,6 +16180,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
.step2-wrap .s2-category-carousel-container {
|
||||
gap: 6px;
|
||||
margin-bottom: 16px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
.step2-wrap .s2-category-list-wrapper {
|
||||
@@ -16365,7 +16397,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0px 8px 12px rgba(194, 194, 194, 0.4);
|
||||
background: linear-gradient(to bottom, #50caff, #2088ff);
|
||||
border-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
.step2-wrap .s2-api-card:hover .s2-api-card-badge, .step2-wrap .s2-api-card:focus .s2-api-card-badge {
|
||||
background-color: #d8f0ff;
|
||||
@@ -18246,10 +18278,19 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
margin: 40px auto 100px;
|
||||
font-family: "Spoqa Han Sans Neo", "Noto Sans CJK KR", sans-serif;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-management-layout {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
margin: 20px auto 50px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-management-content {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.app-management-header {
|
||||
@@ -18258,6 +18299,14 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
align-items: center;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-management-header {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.app-management-header h2 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
}
|
||||
.app-management-header h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
@@ -18306,6 +18355,15 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
color: inherit;
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-figma {
|
||||
height: auto;
|
||||
padding: 16px;
|
||||
border-radius: 12px;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
.app-card-figma:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0px 6px 15px rgba(192, 192, 192, 0.35);
|
||||
@@ -18322,6 +18380,13 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-icon-box {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
.app-card-icon-box img,
|
||||
.app-card-icon-box svg {
|
||||
width: 46px;
|
||||
@@ -18329,6 +18394,13 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
object-fit: cover;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-icon-box img,
|
||||
.app-card-icon-box svg {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-info {
|
||||
flex: 1;
|
||||
@@ -18337,6 +18409,11 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
gap: 10px;
|
||||
min-width: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-info {
|
||||
gap: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-header {
|
||||
display: flex;
|
||||
@@ -18353,6 +18430,11 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-badge-container {
|
||||
display: flex;
|
||||
@@ -18376,6 +18458,10 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
background: #fdf4d4;
|
||||
color: #ef9546;
|
||||
}
|
||||
.app-card-badge.badge-requested {
|
||||
background: #ffebeb;
|
||||
color: #f43f5e;
|
||||
}
|
||||
.app-card-badge.badge-approved {
|
||||
background: #1b4ab7;
|
||||
color: #ffffff;
|
||||
@@ -18395,6 +18481,11 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-desc {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-footer-row {
|
||||
display: flex;
|
||||
@@ -18403,6 +18494,13 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-footer-row {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-expected-date {
|
||||
font-size: 14px;
|
||||
@@ -18411,6 +18509,12 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.app-card-expected-date {
|
||||
margin-left: 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-card-expected-date {
|
||||
font-size: 12px;
|
||||
@@ -21534,7 +21638,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
height: 39px;
|
||||
height: 55px;
|
||||
width: 120px;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
@@ -21594,11 +21698,9 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
}
|
||||
}
|
||||
.user-management-container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 0;
|
||||
margin-bottom: 40px;
|
||||
min-height: 750px;
|
||||
min-height: 650px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.user-management-container {
|
||||
@@ -21674,14 +21776,6 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
padding: 0 29px;
|
||||
gap: 10px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.user-management-container .board-table--user-list .board-table-header,
|
||||
.user-management-container .board-table--user-list .board-table-row {
|
||||
display: flex;
|
||||
padding: 15px;
|
||||
min-width: auto;
|
||||
}
|
||||
}
|
||||
.user-management-container .board-table--user-list .header-cell,
|
||||
.user-management-container .board-table--user-list .row-cell {
|
||||
padding: 0;
|
||||
@@ -22016,150 +22110,111 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
display: contents;
|
||||
}
|
||||
.user-management-container .table-controls .total-count {
|
||||
order: 1;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 1.5px solid #212529;
|
||||
order: 1 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
width: 100% !important;
|
||||
text-align: left !important;
|
||||
font-size: 16px !important;
|
||||
color: #000000 !important;
|
||||
padding-bottom: 6px !important;
|
||||
border-bottom: 1.5px solid #212529 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.user-management-container .table-controls .total-count strong {
|
||||
color: #0049b4;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
color: #0049b4 !important;
|
||||
font-weight: 700 !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.user-management-container .table-controls .search-box {
|
||||
order: 4;
|
||||
width: 100%;
|
||||
order: 2 !important;
|
||||
width: 100% !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
.user-management-container .table-controls .search-box .btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
width: 100% !important;
|
||||
height: 44px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.user-management-container .list-table {
|
||||
order: 2;
|
||||
.user-management-container .board-table--user-list {
|
||||
order: 3 !important;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
.user-management-container .board-table--user-list .board-table-header {
|
||||
display: none !important;
|
||||
}
|
||||
.user-management-container .board-table--user-list .board-table-row {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
align-items: flex-start !important;
|
||||
height: auto !important;
|
||||
padding: 20px 15px !important;
|
||||
gap: 12px !important;
|
||||
border-bottom: 1px solid #e2e8f0 !important;
|
||||
background: #FFFFFF;
|
||||
border-radius: 12px;
|
||||
overflow: visible;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
padding: 0 8px;
|
||||
background: #3BA4ED;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #FFFFFF;
|
||||
padding: 0 4px;
|
||||
justify-content: center;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(2) {
|
||||
width: 60px !important;
|
||||
min-width: 60px;
|
||||
flex: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(3) {
|
||||
flex: 1 !important;
|
||||
min-width: 80px;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(4) {
|
||||
width: 39px !important;
|
||||
min-width: 39px;
|
||||
flex: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(5) {
|
||||
width: 61px !important;
|
||||
min-width: 61px;
|
||||
flex: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-header .header-cell:nth-child(6) {
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell {
|
||||
display: flex !important;
|
||||
width: 40px !important;
|
||||
min-width: 40px;
|
||||
flex: none;
|
||||
justify-content: flex-start !important;
|
||||
width: 100% !important;
|
||||
font-size: 14px !important;
|
||||
color: #212529 !important;
|
||||
padding: 0 !important;
|
||||
white-space: normal !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell::before {
|
||||
content: attr(data-label) !important;
|
||||
display: inline-block !important;
|
||||
font-weight: 500 !important;
|
||||
color: #64748b !important;
|
||||
margin-right: 15px !important;
|
||||
min-width: 70px !important;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
padding: 0 8px;
|
||||
gap: 0;
|
||||
position: relative;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell[data-label=NO] {
|
||||
display: none !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row:nth-child(even) {
|
||||
background-color: #EDF5FD;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell[data-label=성명] {
|
||||
font-size: 16px !important;
|
||||
font-weight: 600 !important;
|
||||
color: #0f172a !important;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row:nth-child(odd) {
|
||||
background-color: #FFFFFF;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell[data-label=성명]::before {
|
||||
display: none !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row:hover {
|
||||
background-color: rgba(0, 73, 180, 0.08);
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #212529;
|
||||
padding: 0 4px;
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell::before {
|
||||
display: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(2) {
|
||||
width: 60px !important;
|
||||
min-width: 60px;
|
||||
flex: none;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(2) a {
|
||||
color: #212529;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell[data-label=성명] a {
|
||||
color: #0f172a !important;
|
||||
font-weight: 600 !important;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(3) {
|
||||
flex: 1 !important;
|
||||
min-width: 80px;
|
||||
justify-content: flex-start;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell[data-label=성명] a:hover {
|
||||
color: #2a69de !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(4) {
|
||||
width: 39px !important;
|
||||
min-width: 39px;
|
||||
flex: none;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell.row-actions {
|
||||
margin-top: 0;
|
||||
padding-top: 0 !important;
|
||||
border-top: none;
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(5) {
|
||||
width: 61px !important;
|
||||
min-width: 61px;
|
||||
flex: none;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell.row-actions.has-actions {
|
||||
margin-top: 8px;
|
||||
padding-top: 12px !important;
|
||||
border-top: 1px dashed #e2e8f0;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-cell:nth-child(6), .user-management-container .list-table .list-table-row .row-cell.row-actions {
|
||||
display: flex !important;
|
||||
width: 40px !important;
|
||||
min-width: 40px;
|
||||
flex: none;
|
||||
justify-content: center;
|
||||
overflow: visible;
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell.row-actions::before {
|
||||
display: none !important;
|
||||
}
|
||||
.user-management-container .list-table .list-table-row .row-actions {
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell.row-actions .actions-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
.user-management-container .board-table--user-list .board-table-row .row-cell.row-actions .actions-mobile {
|
||||
display: flex !important;
|
||||
}
|
||||
.user-management-container .user-empty-state {
|
||||
@@ -22175,7 +22230,7 @@ input[type=checkbox]:checked + .custom-checkbox {
|
||||
font-size: 14px;
|
||||
}
|
||||
.user-management-container .pagination {
|
||||
order: 3;
|
||||
order: 4 !important;
|
||||
gap: 13px;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user