demo: Style the local file selector and sample file select

This commit is contained in:
Daniel Jacobs 2022-05-06 09:45:38 -04:00 committed by Mike Welsh
parent 4ae5e89ea7
commit f94a76a248
2 changed files with 21 additions and 0 deletions

View File

@ -102,6 +102,26 @@ body {
vertical-align: middle;
}
#local-file {
display: none;
}
#local-file-label {
color: var(--ruffle-blue);
padding: 3px 10px;
margin: 5px 2px;
cursor: pointer;
border-radius: 50px;
background-color: white;
}
#sample-swfs {
background-color: white;
color: var(--ruffle-blue);
border: 1px solid white;
border-radius: 5px;
}
#author-container {
font-size: small;
}

View File

@ -24,6 +24,7 @@
<div id="local-file-container">
<span>Local SWF:</span>
<input type="file" accept=".swf,.spl" id="local-file" />
<label for="local-file" id="local-file-label">Select File</label>
</div>
<div id="sample-swfs-container" class="hidden">
<span id="sample-swfs-label">Sample SWF:</span>