tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix some styling

Browse Source
This commit is contained in:
Arthur Lu 2023-05-15 02:56:48 +00:00
parent c6d5d5dbc5
commit 56bf77df96
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/style.css
View File

@ -5,8 +5,7 @@
--main-bg-color: #404040; --main-bg-color: #404040;
--main-text-color: white; --main-text-color: white;
--main-card-bg-color: #202020; --main-card-bg-color: #202020;
--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.84), 0 2px 10px 0 rgba(0,0,0,0.88); --main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.8), 0 2px 10px 0 rgba(0,0,0,0.8);
/*--main-card-shadow-color: black;*/
--main-table-header-bg-color: black; --main-table-header-bg-color: black;
--main-input-bg-color: #404040; --main-input-bg-color: #404040;
} }
@ -16,14 +15,13 @@
--main-bg-color: white; --main-bg-color: white;
--main-text-color: black; --main-text-color: black;
--main-card-bg-color: white; --main-card-bg-color: white;
--main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); --main-card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 2px 10px 0 rgba(0,0,0,0.2);
/*--main-card-shadow-color: rgba(0,0,0,0.25);*/
--main-table-header-bg-color: #808080; --main-table-header-bg-color: #808080;
--main-input-bg-color: white; --main-input-bg-color: white;
} }
} }
* { html {
box-sizing: border-box; box-sizing: border-box;
} }
@ -71,6 +69,10 @@ img {
width: 1em; width: 1em;
} }
hr, * {
border-color: var(--main-text-color);
}
.flex { .flex {
display: flex; display: flex;
} }

2
scripts/index.js
View File

@ -32,7 +32,7 @@ async function populateInstances () {
instances.sort((a, b) => (a.vmid > b.vmid) ? 1 : -1); instances.sort((a, b) => (a.vmid > b.vmid) ? 1 : -1);
instanceContainer.innerHTML = ` instanceContainer.innerHTML = `
<div class="w3-row w3-hide-small w3-border-bottom w3-border-black"> <div class="w3-row w3-hide-small" style="border-bottom: 1px solid;">
<div class="w3-col l1 m2"> <div class="w3-col l1 m2">
<p>VM ID</p> <p>VM ID</p>
</div> </div>