a/ExerciseTracker
1
0
Fork 0
mirror of https://codeberg.org/andyscott/ExerciseTracker.git synced 2024-12-21 11:43:10 -05:00
Code Issues Projects Releases Packages Wiki Activity

Updates to font, margins, icon sizes, input background

Browse source
This commit is contained in:
Andrew Scott 2022-06-05 02:37:06 -04:00
parent 356471a2ac
commit 894cd64985
Signed by: a
GPG key ID: 3EB62D0BBB8DB381
1 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
exercises-ui/src/App.css
View file

@ -1,25 +1,24 @@
body { body {
font-family: sans-serif; font-family: "Verdana", "Helvetica", sans-serif;
background-color: #313131; background-color: #313131;
color: #ebdbb2; color: #ebdbb2;
margin: 10px 0px 0px 0px; margin-top: 2vh;
padding: 10px;
} }
tr th { tr th {
font: Verdana;
text-align: center; text-align: center;
color: #ebdbb2; color: #ebdbb2;
border: 5px solid; font-size: 24pt;
border: 4px solid;
border-color: #d79921; border-color: #d79921;
padding: 5px; padding: 5px;
background-color: #cc241d; background-color: #cc241d;
} }
tr td { tr td {
font: Verdana;
text-align: center; text-align: center;
color: #dcdccc; color: #dcdccc;
font-size: 20pt;
border: 1px solid; border: 1px solid;
border-color: #b8bb26; border-color: #b8bb26;
padding: 5px; padding: 5px;
@ -44,21 +43,32 @@ a {
color: #458588; color: #458588;
} }
nav {
margin-top: 28vh;
}
input { input {
font-family: sans-serif; font-family: "Verdana", "Helvetica", sans-serif;
font-size: 80%;
padding: 5px; padding: 5px;
margin: 0px 0px 25% 0px; background-color: #282828;
color: #fff;
} }
button { button {
font-family: sans-serif; font-family: "Verdana", "Helvetica", sans-serif;
font-size: 80%;
padding: 5px; padding: 5px;
margin: 0px 0px 25% 0px; background-color: #d3d3d3;
color: #000;
} }
select { select {
font-family: sans-serif; font-family: "Verdana", "Helvetica", sans-serif;
font-size: 80%;
padding: 5px; padding: 5px;
background-color: #d3d3d3;
color: #000;
} }
.App { .App {
@ -74,15 +84,15 @@ select {
} }
.Add-icon { .Add-icon {
color: #5a981a; color: #339933;
height: 100px; height: 11vh;
width: 100px; width: 11vh;
filter: drop-shadow(1px 1px 1px black); filter: drop-shadow(1px 1px 1px black);
} }
.logo { .logo {
color: #1a9897; color: #1a9897;
height: 170px; height: 25vh;
width: 170px; width: 25vh;
filter: drop-shadow(1px 1px 1px black); filter: drop-shadow(1px 1px 1px black);
} }