fix: ac-problems-list styles
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Baoshuo Ren 2022-09-29 08:12:03 +08:00
parent 0d5f22cc06
commit eaa9f8f12f
Signed by: baoshuo
GPG Key ID: 00CB9680AB29F51A
2 changed files with 21 additions and 1 deletions

View File

@ -128,7 +128,7 @@
<h4 class="card-title h5"> <h4 class="card-title h5">
<?= UOJLocale::get('accepted problems').': '.UOJLocale::get('n problems in total', count($ac_problems))?> <?= UOJLocale::get('accepted problems').': '.UOJLocale::get('n problems in total', count($ac_problems))?>
</h4> </h4>
<ul class="nav"> <ul class="nav uoj-ac-problems-list">
<?php foreach ($ac_problems as $problem): ?> <?php foreach ($ac_problems as $problem): ?>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/problem/<?= $problem['problem_id'] ?>" role="button"> <a class="nav-link" href="/problem/<?= $problem['problem_id'] ?>" role="button">

View File

@ -213,3 +213,23 @@ form.uoj-form-compressed button {
top: -6px; top: -6px;
} }
@media (max-width: 767px) {
.uoj-ac-problems-list li {
width: 100%;
}
}
@media (min-width: 768px) {
.uoj-ac-problems-list li {
width: 18em;
}
}
.uoj-ac-problems-list {
padding-top: 10px;
padding-bottom: 5px;
}
.uoj-ac-problems-list a {
min-height: 60px;
}