mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change styles

Browse source
This commit is contained in:
ReznoRMichael 2022-01-03 22:10:58 +01:00
parent 4353beb48b
commit 24d1cbffc0
5 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
build/index.html
View file

@ -206,10 +206,10 @@
<button id="toggle-mode" class="button" type="button">🔄</button> <button id="toggle-mode" class="button" type="button">🔄</button>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button button-large"><i class="icon-doc-text-inv"></i>Choose Save
File</label> File</label>
<button id="save-area-read" class="button hidden" type="button">Analyze Text</button> <button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button>
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank"><i class="icon-download-cloud"></i></a> target="_blank"><i class="icon-download-cloud"></i></a>

7
build/main.css
View file

@ -530,6 +530,7 @@ input[type="file"] {
.input-buttons { .input-buttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: inherit;
} }
.tab-switch-buttons { .tab-switch-buttons {
@ -550,6 +551,7 @@ input[type="file"] {
align-content: center; align-content: center;
align-items: center; align-items: center;
width: max-content; width: max-content;
height: max-content;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
font-family: 'Heebo', sans-serif; font-family: 'Heebo', sans-serif;
@ -586,6 +588,11 @@ input[type="file"] {
border-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);
} }
.button-large {
border-width: 7px;
border-radius: 4px;
}
.tab-switch { .tab-switch {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: rgb(0, 180, 156); color: rgb(0, 180, 156);

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

7
src/css/style.css
View file

@ -355,6 +355,7 @@ input[type="file"] {
.input-buttons { .input-buttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: inherit;
} }
.tab-switch-buttons { .tab-switch-buttons {
@ -375,6 +376,7 @@ input[type="file"] {
align-content: center; align-content: center;
align-items: center; align-items: center;
width: max-content; width: max-content;
height: max-content;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
font-family: 'Heebo', sans-serif; font-family: 'Heebo', sans-serif;
@ -411,6 +413,11 @@ input[type="file"] {
border-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0);
} }
.button-large {
border-width: 7px;
border-radius: 4px;
}
.tab-switch { .tab-switch {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: rgb(0, 180, 156); color: rgb(0, 180, 156);

4
src/index.html
View file

@ -91,10 +91,10 @@
<button id="toggle-mode" class="button" type="button">🔄</button> <button id="toggle-mode" class="button" type="button">🔄</button>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button"><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button button-large"><i class="icon-doc-text-inv"></i>Choose Save
File</label> File</label>
<button id="save-area-read" class="button hidden" type="button">Analyze Text</button> <button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button>
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank"><i class="icon-download-cloud"></i></a> target="_blank"><i class="icon-download-cloud"></i></a>