| @@ -26,33 +26,37 @@ | |||
| <div class="accordion-body mx-5"> | |||
| <div> | |||
| <div class="row d-flex align-items-center my-2"> | |||
| <div class="col-4 fw-bold"> | |||
| <div class="col-sm-4 fw-bold"> | |||
| 順序 | |||
| </div> | |||
| <div class="col-3 form-check"> | |||
| <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> /> | |||
| <div class="col-sm"> | |||
| <div class="row align-items-center"> | |||
| <div class="col form-check"> | |||
| <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> /> | |||
| <label class="form-check-label" for="order-desc"> | |||
| 新しい順 | |||
| </label> | |||
| </div> | |||
| <label class="form-check-label" for="order-desc"> | |||
| 新しい順 | |||
| </label> | |||
| </div> | |||
| <div class="col-3 form-check"> | |||
| <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> /> | |||
| <div class="col form-check"> | |||
| <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> /> | |||
| <label class="form-check-label" for="order-asc"> | |||
| 古い順 | |||
| </label> | |||
| <label class="form-check-label" for="order-asc"> | |||
| 古い順 | |||
| </label> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="row d-flex align-items-center my-2"> | |||
| <div class="col-4 fw-bold"> | |||
| <div class="col-sm-4 fw-bold"> | |||
| 日時ニジカ | |||
| </div> | |||
| <div class="col input-group"> | |||
| <div class="col-sm input-group"> | |||
| <input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-start" | |||
| value="<?= $date_start ?>" /> | |||
| <span class="input-group-text">〜</span> | |||
| @@ -62,11 +66,11 @@ | |||
| </div> | |||
| <div class="row d-flex align-items-center my-2"> | |||
| <div class="col-4 fw-bold"> | |||
| <div class="col-sm-4 fw-bold"> | |||
| フリーワード | |||
| </div> | |||
| <div class="col"> | |||
| <div class="col-sm"> | |||
| <input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword" | |||
| value="<?= $keyword ?>"/> | |||
| </div> | |||
| @@ -74,11 +78,11 @@ | |||
| </div> | |||
| <div class="mt-3 row"> | |||
| <div class="col gap-2 d-grid"> | |||
| <div class="col-sm gap-2 d-grid my-1"> | |||
| <button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button> | |||
| </div> | |||
| <div class="col gap-2 d-grid"> | |||
| <div class="col-sm gap-2 d-grid my-1"> | |||
| <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button> | |||
| </div> | |||
| </div> | |||