Tried SVG
This commit is contained in:
parent
4d7dce223a
commit
046f588359
6
.idea/vcs.xml
Normal file
6
.idea/vcs.xml
Normal 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>
|
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user