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

button style

Browse source
This commit is contained in:
ReznoRMichael 2020-09-03 00:19:25 +02:00
parent 7a08d56d9a
commit 345af8b859
2 changed files with 33 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -26,6 +26,7 @@
<body> <body>
<!-- To do: <!-- To do:
- Upload a save file directly (option)
- Calculate all % in all categories from save data - Calculate all % in all categories from save data
- Single Pale Ore locations? (required for completion) - Single Pale Ore locations? (required for completion)
- Single Keys/Pass locations? (required for completion) - Single Keys/Pass locations? (required for completion)
@ -45,7 +46,10 @@
<div> <div>
<textarea name="save-area" id="save-area"></textarea> <textarea name="save-area" id="save-area"></textarea>
<button id="save-area-read" onclick="HKReadTextArea();">Analyze</button> <div class="buttons">
<button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button>
<!-- <button id="save-area-file" class="button" onclick="">Choose File</button> -->
</div>
</div> </div>
<div style="margin-bottom: 20px;"></div> <div style="margin-bottom: 20px;"></div>

31
style.css
View file

@ -26,11 +26,36 @@ h1 {
#save-area { #save-area {
width: 100%; width: 100%;
height: calc(0.1 * 100vh); height: calc(0.1 * 100vh);
margin: .5rem 0; margin: .5rem 0 .3rem 0;
font-family: monospace;
} }
#save-area-read { #save-area-read {
margin: 0 auto; ;
display: block; }
.buttons {
display: flex;
align-items: center;
justify-content: center;
}
.button {
display: flex;
font-size: 1rem;
font-weight: 500;
font-family: 'Heebo', sans-serif;
text-align: center;
background-color: #1e406c;
color: #e3ebf7;
border: 2px solid #122c4e;
padding: 0.3rem 1rem;
margin: 0 .5rem;
}
.button:hover {
background-color: #285188;
cursor: pointer;
}
.button:focus {
outline: 2px solid #529dff;
outline-offset: -2px;
} }
h2 { h2 {
margin: 0.6rem 0; margin: 0.6rem 0;