Tried SVG

This commit is contained in:
Steven Tracey 2023-04-26 13:59:50 -04:00
parent 4d7dce223a
commit 046f588359
3 changed files with 12 additions and 6 deletions

6
.idea/vcs.xml Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@ -32,7 +32,10 @@
</div> </div>
<div class="nav-container"> <div class="nav-container">
<p class="nav-align">Backend Status</p> <p class="nav-align">Backend Status</p>
<span class="connected nav-align backend-status-indicator"></span> <svg class="nav-align connected" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle r="1" cx="1" cy="1" />
</svg>
<!--<span class="connected nav-align backend-status-indicator">●</span>-->
<button class="btn btn-primary nav-align" id="checkBackendButton">Reload</button> <button class="btn btn-primary nav-align" id="checkBackendButton">Reload</button>
</div> </div>
</nav> </nav>

View File

@ -1,5 +1,5 @@
.nav-align { .nav-align {
height: 4em; width: fit-content;
vertical-align: middle; vertical-align: middle;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
@ -10,10 +10,7 @@
display: inline-flex; display: inline-flex;
position: relative; position: relative;
float: right; float: right;
} align-items: center;
.backend-status-indicator {
font-size: 4em;
} }
.connected { .connected {