1
0
Fork 0
mirror of https://gitlab.com/futo-org/fcast.git synced 2025-06-24 21:25:23 +00:00

UI text style tweaks

This commit is contained in:
Michael Hollister 2024-11-14 01:16:22 -06:00
parent 7e3050d639
commit c9a4560f05
2 changed files with 16 additions and 8 deletions

View file

@ -17,11 +17,11 @@
<div id="main-view" > <div id="main-view" >
<div id="title-container"> <div id="title-container">
<div id="title-icon"></div> <div id="title-icon"></div>
<div id="title-text">FCast</div> <div id="title-text" class="non-selectable">FCast</div>
</div> </div>
<div id="connection-status"> <div id="connection-status">
<div id="waiting-for-connection">Waiting for a connection</div> <div id="waiting-for-connection" class="non-selectable">Waiting for a connection</div>
<div id="spinner" class="lds-ring"><div></div><div></div><div></div><div></div></div> <div id="spinner" class="lds-ring"><div></div><div></div><div></div><div></div></div>
</div> </div>
@ -34,19 +34,19 @@
</div> --> </div> -->
</div> </div>
<div id="detail-view"> <div id="detail-view">
<div id="manual-connection-info">Manual connection information</div> <div id="manual-connection-info" class="non-selectable">Manual connection information</div>
<div id="manual-connection-info-separator"></div> <div id="manual-connection-info-separator"></div>
<div> <div>
<div id="ips">IPs</div><br /> <div id="ips">IPs</div><br />
<div>Port<br>46899 (TCP), 46898 (WS)</div> <div>Port<br>46899 (TCP), 46898 (WS)</div>
</div> </div>
<div id="automatic-discovery">Automatic discovery is available via mDNS</div> <div id="automatic-discovery" class="non-selectable">Automatic discovery is available via mDNS</div>
<canvas id="qr-code"></canvas> <canvas id="qr-code"></canvas>
<div id="scan-to-connect" style="font-weight: bold;">Scan to connect</div> <div id="scan-to-connect" class="non-selectable">Scan to connect</div>
</div> </div>
</div> </div>
<div id="window-can-be-closed" style="color: #666666; position: absolute; bottom: 0; margin-bottom: 20px;">App will continue to run as tray app when the window is closed</div> <div id="window-can-be-closed" class="non-selectable">App will continue to run as tray app when the window is closed</div>
</div> </div>
</div> </div>
<script src="./renderer.js"></script> <script src="./renderer.js"></script>

View file

@ -15,6 +15,10 @@ body, html {
object-fit: cover; object-fit: cover;
} }
.non-selectable {
user-select: none;
}
#ui-container { #ui-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -52,7 +56,6 @@ body, html {
font-size: 96px; font-size: 96px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
user-select: none;
background-image: linear-gradient(180deg, #FFFFFF 5.9%, #D3D3D3 100%); background-image: linear-gradient(180deg, #FFFFFF 5.9%, #D3D3D3 100%);
background-clip: text; background-clip: text;
@ -110,7 +113,12 @@ body, html {
background-color: white; background-color: white;
} }
#update-dialog, #waiting-for-connection, #ips, #automatic-discovery, #scan-to-connect { #scan-to-connect {
margin-top: 20px;
font-weight: bold;
}
#update-dialog, #waiting-for-connection, #ips, #automatic-discovery {
margin-top: 20px; margin-top: 20px;
} }