improve responsiveness for very narrow screens

This commit is contained in:
Arthur Lu 2023-05-05 05:01:05 +00:00
parent 08fc8d127b
commit c677d08637
2 changed files with 7 additions and 1 deletions

View File

@ -35,7 +35,7 @@
</div>
<div class="w3-card w3-padding w3-margin-top">
<h3>Cluster Resources</h3>
<table id="resource-table" class="w3-table w3-table-all" style="overflow-x: auto;">
<table id="resource-table" class="w3-table w3-table-all w3-responsive" style="overflow-x: auto;">
<thead>
<tr class="w3-black">
<th>Resource</th>

View File

@ -13,10 +13,16 @@ h1, h2, h3, h3, h4, h5, h6, p, a, label, button, input, select, td {
body {
min-height: 100vh;
max-width: 100vw;
display: grid;
grid-template-rows: auto 1fr;
}
main {
min-height: 100vh;
max-width: 100vw;
}
img.clickable {
cursor: pointer;
}