BitGoblin/Sentry
1
0
Fork 0
Code Issues 9 Pull Requests Projects Releases 9 Wiki Activity

Made the tabs look better
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Gregory Ballantine
2022-10-29 01:14:08 -04:00
parent c878447c45
commit ae155b2d7e
5 changed files with 56 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/twig/layout.twig
View File

@ -14,17 +14,21 @@
<script src="./js/gpu.js"></script>
</head>
<body>
<div class="container fluid">
<!-- tab buttons -->
<div class="row">
<div class="columns twelve">
<button class="tab-button" onclick="openTab('cpu')">CPU</button>
<button class="tab-button" onclick="openTab('memory')">Memory</button>
<button class="tab-button" onclick="openTab('storage')">Storage</button>
<button class="tab-button" onclick="openTab('gpu')">GPU</button>
<!-- tab buttons -->
<div id="tab-bar">
<div class="container fluid">
<div class="row">
<div class="columns twelve">
<button class="tab-button active" onclick="openTab('cpu')">CPU</button>
<button class="tab-button" onclick="openTab('memory')">Memory</button>
<button class="tab-button" onclick="openTab('storage')">Storage</button>
<button class="tab-button" onclick="openTab('gpu')">GPU</button>
</div>
</div>
</div>
</div>
<div id="wrapper" class="container">
<div class="component-display active" data-component="cpu">
{% include 'cpu.twig' %}
</div>