From e1067490df0e026f769d5b9fa64025ddbb626a59 Mon Sep 17 00:00:00 2001 From: Hyojin Ahn Date: Thu, 26 Mar 2026 11:39:18 -0400 Subject: [PATCH] v1.1.2 [CSS] Applied checkbox button segment. --- public_html/assets/css/main.css | 64 +++++++++++++++++++++++++++++++++ public_html/login_intranet.php | 2 +- 2 files changed, 65 insertions(+), 1 deletion(-) diff --git a/public_html/assets/css/main.css b/public_html/assets/css/main.css index 94dbf79..704f774 100644 --- a/public_html/assets/css/main.css +++ b/public_html/assets/css/main.css @@ -1813,4 +1813,68 @@ table.table-search-report .tb-list th { justify-content: center; align-items: center; z-index: 999; +} + +/* ============================ + Segmented Radio Button + ============================ */ +.radio-segment { + display: flex; + border: 1px solid #ccc; + border-radius: 10px; + overflow: hidden; +} + +/* label = button */ +.radio-segment label { + margin: 0; + cursor: pointer; + flex: 1 1 0; +} + +.radio-segment input[type="radio"] { + display: none; +} + +.radio-segment span { + display: block; + text-align: center; + padding: 8px 0; + background: #e7e7e7; + color: #333; + font-weight: 500; +} + +.radio-segment input[type="radio"]:checked + span { + background: #ffca1a; + color: #333; +} + +/* horizontal radius */ +.radio-segment label:first-child span { + border-radius: 5px 0 0 5px; +} + +.radio-segment label:last-child span { + border-radius: 0 5px 5px 0; +} + +/* mobile */ +@media (max-width: 768px) { + .radio-segment { + flex-direction: column; + width: 100%; + } + + .radio-segment label { + width: 100%; + } + + .radio-segment label:first-child span { + border-radius: 5px 5px 0 0; + } + + .radio-segment label:last-child span { + border-radius: 0 0 5px 5px; + } } \ No newline at end of file diff --git a/public_html/login_intranet.php b/public_html/login_intranet.php index 59b4c04..ce919a4 100644 --- a/public_html/login_intranet.php +++ b/public_html/login_intranet.php @@ -1,7 +1,7 @@