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

UI text style tweaks

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

12
receivers/electron/src/main/index.html
View file

@ -17,11 +17,11 @@
<div id="main-view" >
<div id="title-container">
<div id="title-icon"></div>
<div id="title-text">FCast</div>
<div id="title-text" class="non-selectable">FCast</div>
</div>
<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>
@ -34,19 +34,19 @@
</div> -->
</div>
<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>
<div id="ips">IPs</div><br />
<div>Port<br>46899 (TCP), 46898 (WS)</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>
<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 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>
<script src="./renderer.js"></script>

12
receivers/electron/src/main/style.css
View file

@ -15,6 +15,10 @@ body, html {
object-fit: cover;
}
.non-selectable {
user-select: none;
}
#ui-container {
display: flex;
flex-direction: column;
@ -52,7 +56,6 @@ body, html {
font-size: 96px;
font-weight: bold;
text-align: center;
user-select: none;
background-image: linear-gradient(180deg, #FFFFFF 5.9%, #D3D3D3 100%);
background-clip: text;
@ -110,7 +113,12 @@ body, html {
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;
}