스타일 정리
This commit is contained in:
현성필
@@ -2153,6 +2153,331 @@ body {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.action-btn,
|
||||
.action-btn-new,
|
||||
.action-btn-primary,
|
||||
.action-btn-secondary,
|
||||
.action-btn-edit,
|
||||
.action-btn-delete {
|
||||
padding: 16px 40px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.action-btn,
|
||||
.action-btn-new,
|
||||
.action-btn-primary,
|
||||
.action-btn-secondary,
|
||||
.action-btn-edit,
|
||||
.action-btn-delete {
|
||||
padding: 16px 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.action-btn i,
|
||||
.action-btn-new i,
|
||||
.action-btn-primary i,
|
||||
.action-btn-secondary i,
|
||||
.action-btn-edit i,
|
||||
.action-btn-delete i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.action-btn-new,
|
||||
.action-btn-primary {
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-new:hover,
|
||||
.action-btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.action-btn-new:active,
|
||||
.action-btn-primary:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.action-btn-secondary {
|
||||
background: #FFFFFF;
|
||||
color: #1A1A2E;
|
||||
border: 1px solid #E2E8F0;
|
||||
}
|
||||
.action-btn-secondary:hover {
|
||||
background: #F8FAFC;
|
||||
border-color: #4B9BFF;
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.action-btn-secondary:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.action-btn-edit {
|
||||
background: #4B9BFF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-edit:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: #2E7FF7;
|
||||
}
|
||||
.action-btn-edit:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.action-btn-delete {
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-delete:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
}
|
||||
.action-btn-delete:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.action-btn.btn-list {
|
||||
background: #FFFFFF;
|
||||
color: #1A1A2E;
|
||||
border: 1px solid #E2E8F0;
|
||||
}
|
||||
.action-btn.btn-list:hover {
|
||||
background: #F8FAFC;
|
||||
border-color: #4B9BFF;
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.action-btn.btn-edit {
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn.btn-edit:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.action-btn.btn-delete {
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn.btn-delete:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
|
||||
.btn-copy {
|
||||
padding: 8px 16px;
|
||||
background: rgba(75, 155, 255, 0.1);
|
||||
color: #4B9BFF;
|
||||
border: 1px solid rgba(75, 155, 255, 0.2);
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.btn-copy:hover {
|
||||
background: rgba(75, 155, 255, 0.2);
|
||||
border-color: #4B9BFF;
|
||||
}
|
||||
.btn-copy i {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.btn-action {
|
||||
padding: 8px 24px;
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.btn-action:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.btn-action i {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-cancel {
|
||||
padding: 8px 24px;
|
||||
background: #FFFFFF;
|
||||
color: #64748B;
|
||||
border: 1px solid #E2E8F0;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.btn-cancel:hover {
|
||||
border-color: #4B9BFF;
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.btn-cancel i {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 4px 16px;
|
||||
border-radius: 50px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.status-badge.status-pending {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
color: #FF6B6B;
|
||||
}
|
||||
.status-badge.status-completed {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
color: #6BCF7F;
|
||||
}
|
||||
.status-badge.status-active {
|
||||
background: rgba(75, 155, 255, 0.1);
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.status-badge.status-inactive {
|
||||
background: rgba(100, 116, 139, 0.1);
|
||||
color: #64748B;
|
||||
}
|
||||
.status-badge.status-processing {
|
||||
background: rgba(255, 217, 61, 0.1);
|
||||
color: rgb(163, 131.0721649485, 0);
|
||||
}
|
||||
.status-badge.status-failed {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
color: #FF6B6B;
|
||||
}
|
||||
.status-badge.status-success {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
color: #6BCF7F;
|
||||
}
|
||||
|
||||
.status-badge-header {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 4px 16px;
|
||||
border-radius: 50px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 16px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.status-badge-header.status-pending {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
color: #FF6B6B;
|
||||
}
|
||||
.status-badge-header.status-completed {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
color: #6BCF7F;
|
||||
}
|
||||
.status-badge-header.status-active {
|
||||
background: rgba(75, 155, 255, 0.1);
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.status-badge-header.status-inactive {
|
||||
background: rgba(100, 116, 139, 0.1);
|
||||
color: #64748B;
|
||||
}
|
||||
.status-badge-header.status-processing {
|
||||
background: rgba(255, 217, 61, 0.1);
|
||||
color: rgb(163, 131.0721649485, 0);
|
||||
}
|
||||
|
||||
.badge-sm {
|
||||
padding: 2px 8px;
|
||||
font-size: 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.badge-lg {
|
||||
padding: 8px 24px;
|
||||
font-size: 14px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.badge-outline {
|
||||
background: transparent;
|
||||
border: 1px solid currentColor;
|
||||
}
|
||||
.badge-outline.status-pending {
|
||||
color: #FF6B6B;
|
||||
border-color: #FF6B6B;
|
||||
}
|
||||
.badge-outline.status-completed {
|
||||
color: #6BCF7F;
|
||||
border-color: #6BCF7F;
|
||||
}
|
||||
.badge-outline.status-active {
|
||||
color: #4B9BFF;
|
||||
border-color: #4B9BFF;
|
||||
}
|
||||
.badge-outline.status-inactive {
|
||||
color: #64748B;
|
||||
border-color: #64748B;
|
||||
}
|
||||
|
||||
.badge-icon i {
|
||||
margin-right: 4px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.notification-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
padding: 0 4px;
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
border-radius: 50%;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
.notification-badge.badge-primary {
|
||||
background: #4B9BFF;
|
||||
}
|
||||
.notification-badge.badge-success {
|
||||
background: #6BCF7F;
|
||||
}
|
||||
.notification-badge.badge-warning {
|
||||
background: #FFD93D;
|
||||
color: #1A1A2E;
|
||||
}
|
||||
.notification-badge.badge-danger {
|
||||
background: #FF6B6B;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: #FFFFFF;
|
||||
border-radius: 20px;
|
||||
@@ -2730,6 +3055,123 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.file-upload-wrapper {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.file-upload-wrapper {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
.file-upload-wrapper .file-name-display {
|
||||
flex: 1;
|
||||
padding: 16px;
|
||||
background: #F8FAFC;
|
||||
border: 1px solid #E2E8F0;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
color: #64748B;
|
||||
cursor: default;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.file-upload-wrapper .file-name-display.has-file {
|
||||
color: #1A1A2E;
|
||||
background: rgba(75, 155, 255, 0.05);
|
||||
border-color: #4B9BFF;
|
||||
}
|
||||
.file-upload-wrapper .file-name-display:focus {
|
||||
outline: none;
|
||||
border-color: #4B9BFF;
|
||||
box-shadow: 0 0 0 3px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.file-upload-wrapper .file-upload-btn {
|
||||
padding: 16px 24px;
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
white-space: nowrap;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.file-upload-wrapper .file-upload-btn {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.file-upload-wrapper .file-upload-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.file-upload-wrapper .file-upload-btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.file-upload-wrapper .file-upload-btn i {
|
||||
font-size: 14px;
|
||||
}
|
||||
.file-upload-wrapper .file-remove-btn {
|
||||
padding: 16px;
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.file-upload-wrapper .file-remove-btn {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
.file-upload-wrapper .file-remove-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
}
|
||||
.file-upload-wrapper .file-remove-btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.file-upload-wrapper .file-remove-btn i {
|
||||
font-size: 14px;
|
||||
}
|
||||
.file-upload-wrapper input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-help-text {
|
||||
margin-top: 16px;
|
||||
font-size: 12px;
|
||||
color: #94A3B8;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.form-help-text p {
|
||||
margin: 4px 0;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 4px;
|
||||
}
|
||||
.form-help-text p i {
|
||||
color: #4B9BFF;
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -8241,23 +8683,6 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.btn-copy {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 8px 16px;
|
||||
background-color: #4B9BFF;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.btn-copy:hover {
|
||||
background-color: #2E7FF7;
|
||||
}
|
||||
.btn-copy svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
@@ -8435,74 +8860,9 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.btn-action,
|
||||
.btn-secondary {
|
||||
padding: 16px 64px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.btn-action,
|
||||
.btn-secondary {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-action.btn-primary {
|
||||
background-color: #4B9BFF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.btn-action.btn-primary:hover {
|
||||
background-color: #2E7FF7;
|
||||
}
|
||||
.btn-action.btn-info {
|
||||
background-color: #00D4FF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.btn-action.btn-info:hover {
|
||||
background-color: rgb(0, 169.6, 204);
|
||||
}
|
||||
.btn-action.btn-danger {
|
||||
background-color: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.btn-action.btn-danger:hover {
|
||||
background-color: #ff3838;
|
||||
}
|
||||
|
||||
.btn-secondary,
|
||||
.btn-cancel {
|
||||
background-color: #F8FAFC;
|
||||
color: #1A1A2E;
|
||||
border: 1px solid #E2E8F0;
|
||||
}
|
||||
.btn-secondary:hover,
|
||||
.btn-cancel:hover {
|
||||
background-color: #E2E8F0;
|
||||
}
|
||||
|
||||
.btn-cancel {
|
||||
padding: 16px 64px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
background-color: #FEE2E2;
|
||||
color: #991B1B;
|
||||
border: 1px solid #FCA5A5;
|
||||
}
|
||||
.btn-cancel:hover {
|
||||
background-color: #FCA5A5;
|
||||
color: #7F1D1D;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.btn-secondary,
|
||||
.btn-cancel {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -8795,55 +9155,6 @@ select.form-control {
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
.notice-actions .action-btn {
|
||||
padding: 16px 40px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.notice-actions .action-btn {
|
||||
padding: 16px 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.notice-actions .action-btn.btn-list {
|
||||
background: #FFFFFF;
|
||||
color: #1A1A2E;
|
||||
border: 1px solid #E2E8F0;
|
||||
}
|
||||
.notice-actions .action-btn.btn-list:hover {
|
||||
background: #F8FAFC;
|
||||
border-color: #4B9BFF;
|
||||
}
|
||||
.notice-actions .action-btn.btn-edit {
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
.notice-actions .action-btn.btn-edit:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.notice-actions .action-btn.btn-delete {
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
.notice-actions .action-btn.btn-delete:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.notice-actions .action-btn i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.notice-navigation {
|
||||
background: #FFFFFF;
|
||||
@@ -9122,24 +9433,6 @@ select.form-control {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
.inquiry-table .table-row .col-status .status-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 4px 16px;
|
||||
border-radius: 50px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.inquiry-table .table-row .col-status .status-badge.status-pending {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
color: #FF6B6B;
|
||||
}
|
||||
.inquiry-table .table-row .col-status .status-badge.status-completed {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
color: #6BCF7F;
|
||||
}
|
||||
.inquiry-table .table-row .col-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -9162,97 +9455,6 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
.action-btn-new,
|
||||
.action-btn-primary,
|
||||
.action-btn-secondary,
|
||||
.action-btn-edit,
|
||||
.action-btn-delete {
|
||||
padding: 16px 40px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.action-btn-new,
|
||||
.action-btn-primary,
|
||||
.action-btn-secondary,
|
||||
.action-btn-edit,
|
||||
.action-btn-delete {
|
||||
padding: 16px 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.action-btn-new i,
|
||||
.action-btn-primary i,
|
||||
.action-btn-secondary i,
|
||||
.action-btn-edit i,
|
||||
.action-btn-delete i {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.action-btn-new,
|
||||
.action-btn-primary {
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-new:hover,
|
||||
.action-btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.action-btn-new:active,
|
||||
.action-btn-primary:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.action-btn-secondary {
|
||||
background: #FFFFFF;
|
||||
color: #1A1A2E;
|
||||
border: 1px solid #E2E8F0;
|
||||
}
|
||||
.action-btn-secondary:hover {
|
||||
background: #F8FAFC;
|
||||
border-color: #4B9BFF;
|
||||
color: #4B9BFF;
|
||||
}
|
||||
.action-btn-secondary:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.action-btn-edit {
|
||||
background: #4B9BFF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-edit:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: #2E7FF7;
|
||||
}
|
||||
.action-btn-edit:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.action-btn-delete {
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.action-btn-delete:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
}
|
||||
.action-btn-delete:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.inquiry-actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -9324,24 +9526,6 @@ select.form-control {
|
||||
padding: 40px 24px 16px;
|
||||
}
|
||||
}
|
||||
.inquiry-detail-card .detail-header .status-badge-header {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 4px 16px;
|
||||
border-radius: 50px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.inquiry-detail-card .detail-header .status-badge-header.status-pending {
|
||||
background: rgba(255, 107, 107, 0.1);
|
||||
color: #FF6B6B;
|
||||
}
|
||||
.inquiry-detail-card .detail-header .status-badge-header.status-completed {
|
||||
background: rgba(107, 207, 127, 0.1);
|
||||
color: #6BCF7F;
|
||||
}
|
||||
.inquiry-detail-card .detail-header .inquiry-title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
@@ -9659,121 +9843,6 @@ select.form-control {
|
||||
.inquiry-form-card .form-group .form-textarea::placeholder {
|
||||
color: #94A3B8;
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.inquiry-form-card .form-group .file-upload-wrapper {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-name-display {
|
||||
flex: 1;
|
||||
padding: 16px;
|
||||
background: #F8FAFC;
|
||||
border: 1px solid #E2E8F0;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
color: #64748B;
|
||||
cursor: default;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-name-display.has-file {
|
||||
color: #1A1A2E;
|
||||
background: rgba(75, 155, 255, 0.05);
|
||||
border-color: #4B9BFF;
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-name-display:focus {
|
||||
outline: none;
|
||||
border-color: #4B9BFF;
|
||||
box-shadow: 0 0 0 3px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-upload-btn {
|
||||
padding: 16px 24px;
|
||||
background: linear-gradient(135deg, #4B9BFF 0%, #2E7FF7 100%);
|
||||
color: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
white-space: nowrap;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-upload-btn {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-upload-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-upload-btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-upload-btn i {
|
||||
font-size: 14px;
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-remove-btn {
|
||||
padding: 16px;
|
||||
background: #FF6B6B;
|
||||
color: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-remove-btn {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-remove-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1);
|
||||
background: rgb(255, 81.5, 81.5);
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-remove-btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper .file-remove-btn i {
|
||||
font-size: 14px;
|
||||
}
|
||||
.inquiry-form-card .form-group .file-upload-wrapper input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
.inquiry-form-card .form-group .form-help-text {
|
||||
margin-top: 16px;
|
||||
font-size: 12px;
|
||||
color: #94A3B8;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.inquiry-form-card .form-group .form-help-text p {
|
||||
margin: 4px 0;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 4px;
|
||||
}
|
||||
.inquiry-form-card .form-group .form-help-text p i {
|
||||
color: #4B9BFF;
|
||||
margin-top: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.inquiry-form-actions {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user