| @@ -26,33 +26,37 @@ | |||||
| <div class="accordion-body mx-5"> | <div class="accordion-body mx-5"> | ||||
| <div> | <div> | ||||
| <div class="row d-flex align-items-center my-2"> | <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> | ||||
| <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> | </div> | ||||
| <div class="row d-flex align-items-center my-2"> | <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> | ||||
| <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" | <input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-start" | ||||
| value="<?= $date_start ?>" /> | value="<?= $date_start ?>" /> | ||||
| <span class="input-group-text">〜</span> | <span class="input-group-text">〜</span> | ||||
| @@ -62,11 +66,11 @@ | |||||
| </div> | </div> | ||||
| <div class="row d-flex align-items-center my-2"> | <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> | ||||
| <div class="col"> | |||||
| <div class="col-sm"> | |||||
| <input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword" | <input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword" | ||||
| value="<?= $keyword ?>"/> | value="<?= $keyword ?>"/> | ||||
| </div> | </div> | ||||
| @@ -74,11 +78,11 @@ | |||||
| </div> | </div> | ||||
| <div class="mt-3 row"> | <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> | <button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button> | ||||
| </div> | </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> | <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||