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

buttons and input css

Browse source
This commit is contained in:
ReznoRMichael 2021-01-23 03:27:53 +01:00
parent 42844ad401
commit 19c602c9a0
2 changed files with 27 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
css/style.css
View file

@ -134,24 +134,37 @@ textarea::placeholder {
caret-color: #fff; caret-color: #fff;
} }
input[type="file"] {
max-width: 12rem;
margin: 0.5rem;
}
#save-area { #save-area {
width: 100%; width: 100%;
height: 5.65rem; height: 5.65rem;
margin: .5rem 2px .3rem 2px; margin: 0.5rem 2px 0.3rem 2px;
} }
.buttons { .buttons {
display: flex; display: flex;
align-items: center; flex-direction: row;
align-items: flex-end;
justify-content: space-between; justify-content: space-between;
} }
.input-buttons { .input-buttons {
display: flex;
flex-direction: column; flex-direction: column;
} }
.checkboxes {
margin-top: 1rem;
}
.button { .button {
display: flex; display: flex;
align-items: center;
max-width: max-content;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
font-family: 'Heebo', sans-serif; font-family: 'Heebo', sans-serif;
@ -178,6 +191,17 @@ textarea::placeholder {
outline-offset: -2px; outline-offset: -2px;
} }
@media screen and (max-width: 360px) {
.buttons {
flex-direction: column;
align-items: center;
}
.input-buttons {
align-items: center;
justify-content: center;
}
}
p { p {
margin-top: 0.6rem; margin-top: 0.6rem;
margin-bottom: 0.6rem; margin-bottom: 0.6rem;

2
index.html
View file

@ -51,7 +51,7 @@
<div class="input-buttons"> <div class="input-buttons">
<!-- <button id="save-area-file" class="button" onclick="">Load Save</button> --> <!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)">
<button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze</button> <button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button>
</div> </div>
<div class="checkboxes"> <div class="checkboxes">