デザインを調整(スマホだと崩れる;レスポンシブに対応させよう)

This commit is contained in:
miteruzo
2023-12-13 01:46:22 +09:00
parent b1c45a6c84
commit de8a0aa429
2 changed files with 6 additions and 6 deletions
+4 -4
View File
@@ -22,11 +22,11 @@
<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-2 fw-bold"> <div class="col-4 fw-bold">
順序 順序
</div> </div>
<div class="col-2 form-check"> <div class="col-3 form-check">
<input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> /> <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> />
<label class="form-check-label" for="order-desc"> <label class="form-check-label" for="order-desc">
@@ -34,7 +34,7 @@
</label> </label>
</div> </div>
<div class="col-2 form-check"> <div class="col-3 form-check">
<input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> /> <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> />
<label class="form-check-label" for="order-asc"> <label class="form-check-label" for="order-asc">
@@ -44,7 +44,7 @@
</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-2 fw-bold"> <div class="col-4 fw-bold">
フリーワード フリーワード
</div> </div>
+2 -2
View File
@@ -10,7 +10,7 @@
</li> </li>
<?php endif ?> <?php endif ?>
<?php for ($i = max (min ($page + 3, $pages_max) - 6, 1); $i < $page; ++$i): ?> <?php for ($i = max (min ($page + 2, $pages_max) - 4, 1); $i < $page; ++$i): ?>
<li class="page-item"> <li class="page-item">
<a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a> <a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
</li> </li>
@@ -20,7 +20,7 @@
<span class="page-link"><?= $page ?></span> <span class="page-link"><?= $page ?></span>
</li> </li>
<?php for ($i = $page + 1; $i <= min (max ($page - 3, 1) + 6, $pages_max); ++$i): ?> <?php for ($i = $page + 1; $i <= min (max ($page - 2, 1) + 4, $pages_max); ++$i): ?>
<li class="page-item"> <li class="page-item">
<a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a> <a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
</li> </li>