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:
parent
7e3050d639
commit
c9a4560f05
2 changed files with 16 additions and 8 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue