fix(frontend): resolve table overflow on small screens
This commit is contained in:
parent
631b00db0b
commit
f76ac1e8fe
@ -10,6 +10,29 @@
|
|||||||
/>
|
/>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
|
||||||
<script src="/static/index.js" defer></script>
|
<script src="/static/index.js" defer></script>
|
||||||
|
<style>
|
||||||
|
@media (max-width: 1279px) {
|
||||||
|
table thead tr {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
table tr {
|
||||||
|
counter-set: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
table tr td {
|
||||||
|
counter-increment: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td::before {
|
||||||
|
content: counter(column) " ora: ";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main class="container">
|
<main class="container">
|
||||||
|
Loading…
Reference in New Issue
Block a user