[CSS] Applied checkbox button segment.
This commit is contained in:
Hyojin Ahn 2026-03-26 11:39:18 -04:00
parent 95cdc81b15
commit e1067490df
2 changed files with 65 additions and 1 deletions

View File

@ -1813,4 +1813,68 @@ table.table-search-report .tb-list th {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 999; 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;
}
} }

View File

@ -1,7 +1,7 @@
<?php <?php
$destination = isset($_GET['destination']) ? $_GET['destination'] : ''; $destination = isset($_GET['destination']) ? $_GET['destination'] : '';
$mode = isset($_GET['mode']) ? $_GET['mode'] : ''; $mode = isset($_GET['mode']) ? $_GET['mode'] : '';
$appVersion = 'v1.1.1'; $appVersion = 'v1.1.2';
?> ?>
<? <?