From 4181d114c1b250ff40dc7acada7077b0692093fc Mon Sep 17 00:00:00 2001 From: hong Date: Tue, 28 Jul 2026 18:21:56 +0900 Subject: [PATCH] =?UTF-8?q?style:=20SASS=20=EB=B9=8C=EB=93=9C=20=EA=B2=B0?= =?UTF-8?q?=EA=B3=BC=20main.css=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/css/main.css | 155 ++++++++----------------- 1 file changed, 46 insertions(+), 109 deletions(-) diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css index 92b5451..3f60f65 100644 --- a/src/main/resources/static/css/main.css +++ b/src/main/resources/static/css/main.css @@ -1160,7 +1160,7 @@ hr { transition: all 0.3s ease; } .mobile-drawer .drawer-welcome .btn-drawer-login:hover { - background: rgb(0%, 25.7647058824%, 63.5294117647%); + background: rgb(0, 65.7, 162); } .mobile-drawer .drawer-welcome.authenticated { flex-direction: row; @@ -2456,7 +2456,7 @@ hr { color: #FFFFFF; } .btn-success:hover { - background: rgb(32.662665066%, 78.1608643457%, 41.762304922%); + background: rgb(83.2897959184, 199.3102040816, 106.493877551); transform: translateY(-3px); } .btn-danger { @@ -2464,7 +2464,7 @@ hr { color: #FFFFFF; } .btn-danger:hover { - background: rgb(100%, 27.7647058824%, 27.7647058824%); + background: rgb(255, 70.8, 70.8); transform: translateY(-3px); } .btn-ghost { @@ -2730,7 +2730,7 @@ hr { .action-btn-delete:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1); - background: rgb(100%, 34.862745098%, 34.862745098%); + background: rgb(255, 88.9, 88.9); } .action-btn-delete:active { transform: translateY(0); @@ -2848,7 +2848,7 @@ hr { background: #a4d6ea; } .btn-input-action.btn-change:hover { - background: rgb(51.6323529412%, 78.2079831933%, 88.8382352941%); + background: rgb(131.6625, 199.4303571429, 226.5375); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1); } @@ -2923,7 +2923,7 @@ hr { border: none; } .btn-action-primary:hover { - background: rgb(12.4992826399%, 36.3615494978%, 80.6771879484%); + background: rgb(31.8731707317, 92.7219512195, 205.7268292683); transform: translateY(-2px); color: #fff; } @@ -2973,7 +2973,7 @@ hr { } .status-badge.status-processing { background: rgba(255, 217, 61, 0.1); - color: rgb(86.7450980392%, 69.7537901759%, 0%); + color: rgb(221.2, 177.8721649485, 0); } .status-badge.status-failed { background: rgba(255, 107, 107, 0.1); @@ -3013,7 +3013,7 @@ hr { } .status-badge-header.status-processing { background: rgba(255, 217, 61, 0.1); - color: rgb(86.7450980392%, 69.7537901759%, 0%); + color: rgb(221.2, 177.8721649485, 0); } .badge-sm { @@ -4201,7 +4201,7 @@ select.form-control { .file-upload-wrapper .file-remove-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(75, 155, 255, 0.1); - background: rgb(100%, 34.862745098%, 34.862745098%); + background: rgb(255, 88.9, 88.9); } .file-upload-wrapper .file-remove-btn:active { transform: translateY(0); @@ -4522,7 +4522,7 @@ select.form-control { transition: all 0.3s ease; } .form-actions--with-withdrawal .withdrawal-link:hover { - background: rgb(82.4349376114%, 91.2174688057%, 95.2709447415%); + background: rgb(210.2090909091, 232.6045454545, 242.9409090909); } .form-actions--with-withdrawal .withdrawal-link img { width: 22px; @@ -4677,7 +4677,7 @@ select.form-control { text-decoration: underline; } .notice-content-box a:hover { - color: rgb(0%, 25.7647058824%, 63.5294117647%); + color: rgb(0, 65.7, 162); } .form-row--content .form-label-wrapper { @@ -5611,7 +5611,7 @@ select.form-control { font-size: 16px; } .drawer-logout-btn:hover { - background: rgb(100%, 27.7647058824%, 27.7647058824%); + background: rgb(255, 70.8, 70.8); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(75, 155, 255, 0.15); } @@ -6324,7 +6324,7 @@ select.form-control { color: #64748b; } .list-table-btn--default:hover { - background-color: rgb(91.512605042%, 91.512605042%, 90.6638655462%); + background-color: rgb(233.3571428571, 233.3571428571, 231.1928571429); } .list-table-btn--primary { background-color: #ecf0fa; @@ -6332,7 +6332,7 @@ select.form-control { color: #2a69de; } .list-table-btn--primary:hover { - background-color: rgb(85.0049019608%, 88.1617647059%, 96.0539215686%); + background-color: rgb(216.7625, 224.8125, 244.9375); } .list-table-btn--secondary { background-color: #f5f5f4; @@ -6340,7 +6340,7 @@ select.form-control { color: #64748b; } .list-table-btn--secondary:hover { - background-color: rgb(91.512605042%, 91.512605042%, 90.6638655462%); + background-color: rgb(233.3571428571, 233.3571428571, 231.1928571429); } .list-table-btn--danger { background-color: #fbe7e9; @@ -6348,7 +6348,7 @@ select.form-control { color: #bb1026; } .list-table-btn--danger:hover { - background-color: rgb(97.081232493%, 82.487394958%, 83.9467787115%); + background-color: rgb(247.5571428571, 210.3428571429, 214.0642857143); } .table-pagination { @@ -6998,7 +6998,7 @@ select.form-control { .alert.alert-error { background: rgba(255, 107, 107, 0.1); border: 1px solid rgba(255, 107, 107, 0.3); - color: rgb(100%, 27.7647058824%, 27.7647058824%); + color: rgb(255, 70.8, 70.8); align-items: center; } .alert.alert-error svg { @@ -7012,7 +7012,7 @@ select.form-control { .alert.alert-success { background: rgba(107, 207, 127, 0.1); border: 1px solid rgba(107, 207, 127, 0.3); - color: rgb(24.12484994%, 74.3849539816%, 34.1768707483%); + color: rgb(61.5183673469, 189.6816326531, 87.1510204082); } .alert.alert-info { background: rgba(0, 73, 180, 0.1); @@ -7913,69 +7913,6 @@ button.djb-comment-submit:disabled { margin-bottom: 22px; } } -.password-policy-checklist { - list-style: none; - padding: 0; - margin: 12px 0 0 0; -} -.password-policy-checklist li { - display: flex; - align-items: center; - gap: 8px; - font-size: 15px; - line-height: 20px; - margin-bottom: 6px; - transition: color 0.15s ease; -} -.password-policy-checklist li:last-child { - margin-bottom: 0; -} -.password-policy-checklist li .policy-icon { - display: inline-flex; - align-items: center; - justify-content: center; - width: 18px; - height: 18px; - flex-shrink: 0; - font-size: 13px; - font-weight: 700; - line-height: 1; -} -.password-policy-checklist li .policy-icon::before { - content: "•"; -} -.password-policy-checklist li.is-idle { - color: #888; -} -.password-policy-checklist li.is-idle .policy-icon { - color: #b5b5b5; -} -.password-policy-checklist li.is-pass { - color: #1a8f4c; -} -.password-policy-checklist li.is-pass .policy-icon { - color: #1a8f4c; -} -.password-policy-checklist li.is-pass .policy-icon::before { - content: "✔"; -} -.password-policy-checklist li.is-fail { - color: #d63a3a; -} -.password-policy-checklist li.is-fail .policy-icon { - color: #d63a3a; -} -.password-policy-checklist li.is-fail .policy-icon::before { - content: "✖"; -} - -.password-policy-note { - margin: 10px 0 0 0; - font-size: 14px; - line-height: 18px; - color: #888; -} - .hero-carousel-section { position: relative; width: 100%; @@ -11994,10 +11931,10 @@ body.index-page-body { line-height: 20px; } .login-button:hover { - background: rgb(10.0588235294%, 27.568627451%, 68.1764705882%); + background: rgb(25.65, 70.3, 173.85); } .login-button:active { - background: rgb(9.5294117647%, 26.1176470588%, 64.5882352941%); + background: rgb(24.3, 66.6, 164.7); } .login-button:disabled { opacity: 0.6; @@ -12040,10 +11977,10 @@ body.index-page-body { border-bottom-right-radius: 8px; } .login-links-container .link-btn:hover { - background: rgb(86.5137254902%, 89.3529411765%, 96.4509803922%); + background: rgb(220.61, 227.85, 245.95); } .login-links-container .link-btn:active { - background: rgb(80.4784313725%, 84.5882352941%, 94.862745098%); + background: rgb(205.22, 215.7, 241.9); } .login-alert { @@ -12538,11 +12475,11 @@ body.index-page-body { } .auth-request-button:hover, .auth-verify-button:hover { - background: rgb(57.9730392157%, 81.0647759104%, 90.3014705882%); + background: rgb(147.83125, 206.7151785714, 230.26875); } .auth-request-button:active, .auth-verify-button:active { - background: rgb(51.6323529412%, 78.2079831933%, 88.8382352941%); + background: rgb(131.6625, 199.4303571429, 226.5375); } .auth-request-button:disabled, .auth-verify-button:disabled { @@ -12591,20 +12528,20 @@ body.index-page-body { background: #e5e7eb; } .account-recovery-card .form-actions .cancel-button:hover { - background: rgb(84.6615515772%, 85.8414322251%, 88.2011935209%); + background: rgb(215.8869565217, 218.8956521739, 224.9130434783); } .account-recovery-card .form-actions .cancel-button:active { - background: rgb(79.5191815857%, 81.094629156%, 84.2455242967%); + background: rgb(202.7739130435, 206.7913043478, 214.8260869565); } .account-recovery-card .form-actions .submit-button { color: #FFFFFF; background: #0049B4; } .account-recovery-card .form-actions .submit-button:hover { - background: rgb(0%, 27.1960784314%, 67.0588235294%); + background: rgb(0, 69.35, 171); } .account-recovery-card .form-actions .submit-button:active { - background: rgb(0%, 25.7647058824%, 63.5294117647%); + background: rgb(0, 65.7, 162); } .account-recovery-card .form-actions .submit-button:disabled { opacity: 0.6; @@ -12813,7 +12750,7 @@ body.index-page-body { transition: color 0.3s ease; } .result-info-box .info-text .info-link:hover { - color: rgb(0%, 25.7647058824%, 63.5294117647%); + color: rgb(0, 65.7, 162); } @media (max-width: 576px) { .result-info-box .info-text { @@ -18030,7 +17967,7 @@ input[type=checkbox]:checked + .custom-checkbox { transition: background 0.2s ease; } .btn-copy-action:hover { - background: rgb(51.6323529412%, 78.2079831933%, 88.8382352941%); + background: rgb(131.6625, 199.4303571429, 226.5375); } @media (max-width: 768px) { .btn-copy-action { @@ -18057,7 +17994,7 @@ input[type=checkbox]:checked + .custom-checkbox { transition: background 0.2s ease; } .btn-view-secret:hover { - background: rgb(12.5057724024%, 59.377680044%, 91.9648158329%); + background: rgb(31.8897196262, 151.4130841121, 234.5102803738); } .btn-view-secret svg { width: 20px; @@ -18242,7 +18179,7 @@ input[type=checkbox]:checked + .custom-checkbox { border-radius: 8px; } .btn-copy-action:hover { - background: rgb(51.6323529412%, 78.2079831933%, 88.8382352941%); + background: rgb(131.6625, 199.4303571429, 226.5375); } .btn-view-secret { width: 100% !important; @@ -18258,7 +18195,7 @@ input[type=checkbox]:checked + .custom-checkbox { height: 16px; } .btn-view-secret:hover { - background: rgb(12.5057724024%, 59.377680044%, 91.9648158329%); + background: rgb(31.8897196262, 151.4130841121, 234.5102803738); } #revealedSecretBox { width: 100%; @@ -18531,7 +18468,7 @@ input[type=checkbox]:checked + .custom-checkbox { flex-shrink: 0; } .detail-wrap .dt-btn-copy:hover { - background: rgb(74.3529411765%, 90.2296918768%, 100%); + background: rgb(189.6, 230.0857142857, 255); } .detail-wrap .dt-btn-copy svg { color: #2a69de; @@ -18708,7 +18645,7 @@ input[type=checkbox]:checked + .custom-checkbox { transition: background 0.2s ease; } .detail-wrap .dt-btn-gray:hover { - background: rgb(66.9250773994%, 71.9364293086%, 75.9455108359%); + background: rgb(170.6589473684, 183.4378947368, 193.6610526316); } .detail-wrap .dt-btn-red { width: 156px; @@ -18726,7 +18663,7 @@ input[type=checkbox]:checked + .custom-checkbox { transition: background 0.2s ease; } .detail-wrap .dt-btn-red:hover { - background: rgb(100%, 27.4868759774%, 25.1921568627%); + background: rgb(255, 70.0915337423, 64.24); } .detail-wrap .dt-btn-blue { width: 156px; @@ -20201,7 +20138,7 @@ input[type=checkbox]:checked + .custom-checkbox { } } .btn-inquiry-list:hover { - background: rgb(84.6615515772%, 85.8414322251%, 88.2011935209%); + background: rgb(215.8869565217, 218.8956521739, 224.9130434783); } .btn-inquiry-list:active { transform: scale(0.98); @@ -20234,7 +20171,7 @@ input[type=checkbox]:checked + .custom-checkbox { } } .btn-inquiry-edit:hover { - background: rgb(0%, 27.1960784314%, 67.0588235294%); + background: rgb(0, 69.35, 171); } .btn-inquiry-edit:active { transform: scale(0.98); @@ -20267,7 +20204,7 @@ input[type=checkbox]:checked + .custom-checkbox { } } .btn-inquiry-delete:hover { - background: rgb(85.4839910648%, 16.2218912882%, 22.8577810871%); + background: rgb(217.9841772152, 41.3658227848, 58.2873417722); } .btn-inquiry-delete:active { transform: scale(0.98); @@ -20339,7 +20276,7 @@ input[type=checkbox]:checked + .custom-checkbox { margin-left: 8px; } .file-upload-inline .btn-remove-file-inline:hover { - background: rgb(82.1236038719%, 14.2293373045%, 20.7341772152%); + background: rgb(209.4151898734, 36.2848101266, 52.8721518987); } .file-upload-inline .btn-remove-file-inline svg { width: 12px; @@ -20371,7 +20308,7 @@ input[type=checkbox]:checked + .custom-checkbox { } } .file-upload-inline .btn-file-attach:hover { - background: rgb(14.6320689023%, 60.3648891332%, 92.1600879604%); + background: rgb(37.3117757009, 153.9304672897, 235.0082242991); } .file-upload-inline .btn-file-attach svg { width: 22px; @@ -20431,7 +20368,7 @@ input[type=checkbox]:checked + .custom-checkbox { border: none; } .inquiry-form-container .form-actions .btn-secondary:hover { - background: rgb(84.6615515772%, 85.8414322251%, 88.2011935209%); + background: rgb(215.8869565217, 218.8956521739, 224.9130434783); } .inquiry-form-container .form-actions .btn-primary { background: #0049b4; @@ -20439,7 +20376,7 @@ input[type=checkbox]:checked + .custom-checkbox { border: none; } .inquiry-form-container .form-actions .btn-primary:hover { - background: rgb(0%, 27.1960784314%, 67.0588235294%); + background: rgb(0, 69.35, 171); } .inquiry-form-container .file-upload-inline .file-input-display { min-height: 50px; @@ -21228,7 +21165,7 @@ input[type=checkbox]:checked + .custom-checkbox { cursor: pointer; } .djb-board-write-container .form-actions .btn-submit:hover { - background-color: rgb(13.193687231%, 38.3816355811%, 85.1592539455%); + background-color: rgb(33.643902439, 97.8731707317, 217.156097561); } @media (max-width: 768px) { .djb-board-write-container .form-actions .btn-submit { @@ -21716,7 +21653,7 @@ input[type=checkbox]:checked + .custom-checkbox { transition: all 0.3s ease; } .org-file-remove:hover { - background: rgb(100%, 27.7647058824%, 27.7647058824%); + background: rgb(255, 70.8, 70.8); } .org-file-notice { @@ -22727,7 +22664,7 @@ input[type=checkbox]:checked + .custom-checkbox { } .status-indicator.status-active { background-color: rgba(107, 207, 127, 0.1); - color: rgb(32.662665066%, 78.1608643457%, 41.762304922%); + color: rgb(83.2897959184, 199.3102040816, 106.493877551); } .status-indicator.status-active .status-dot { background-color: #6BCF7F;