Tables are scrollable on small widths
This commit is contained in:
parent
c7621de18d
commit
91c2db8be6
|
@ -105,6 +105,7 @@ label.field-with-error {
|
||||||
/* Tables */
|
/* Tables */
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
th, td {
|
th, td {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -126,6 +127,11 @@ td:last-child {
|
||||||
border-left: solid 2px currentColor;
|
border-left: solid 2px currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
.responsive-wrapper {
|
||||||
|
overflow-x: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Light mode */
|
/* Light mode */
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
|
@ -22,6 +22,7 @@
|
||||||
% if (scalar @$pins == 0) {
|
% if (scalar @$pins == 0) {
|
||||||
<p>Seems like there's nothing here.</p>
|
<p>Seems like there's nothing here.</p>
|
||||||
% } else {
|
% } else {
|
||||||
|
<div class="responsive-wrapper">
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Filename</th>
|
<th>Filename</th>
|
||||||
|
@ -42,6 +43,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
% }
|
% }
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
% }
|
% }
|
||||||
|
|
||||||
% if (scalar @$pins == $limit) {
|
% if (scalar @$pins == $limit) {
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
% if (scalar @$tokens == 0) {
|
% if (scalar @$tokens == 0) {
|
||||||
<p>Seems like there's nothing here.</p>
|
<p>Seems like there's nothing here.</p>
|
||||||
% } else {
|
% } else {
|
||||||
|
<div class="responsive-wrapper">
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Token ID</th>
|
<th>Token ID</th>
|
||||||
|
@ -29,7 +30,8 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
% }
|
% }
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
% }
|
% }
|
||||||
|
|
||||||
<a href="/my/tokens/generate">
|
<a href="/my/tokens/generate">
|
||||||
|
|
Loading…
Reference in New Issue