improve responsiveness for very narrow screens

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

View File

@ -35,7 +35,7 @@
</div> </div>
<div class="w3-card w3-padding w3-margin-top"> <div class="w3-card w3-padding w3-margin-top">
<h3>Cluster Resources</h3> <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> <thead>
<tr class="w3-black"> <tr class="w3-black">
<th>Resource</th> <th>Resource</th>

View File

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