a/ExerciseTracker
1
0
Fork 0
mirror of https://codeberg.org/andyscott/ExerciseTracker.git synced 2024-09-18 22:38:06 -04:00
Code Issues Projects Releases Packages Wiki Activity

Updated css

Browse source
This commit is contained in:
Andrew Scott 2022-06-04 23:20:14 -04:00
parent caf5bdab80
commit a73debccbb
Signed by: a
GPG key ID: 3EB62D0BBB8DB381
1 changed files with 54 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,32 +1,64 @@
body { body {
font-family: monospace; font-family: sans-serif;
background-color: #323d43; background-color: #313131;
color: #a7c080; color: #ebdbb2;
margin: 20px; margin: 10px 0px 0px 0px;
padding: 20px; padding: 10px;
} }
tr th { tr th {
font: Verdana;
text-align: center; text-align: center;
color: #d8caac; color: #ebdbb2;
border: 5px solid; border: 5px solid;
border-color: #87c095; border-color: #d79921;
padding: 5px; padding: 5px;
background-color: #cc241d;
} }
tr td { tr td {
font: Verdana;
text-align: center; text-align: center;
color: #89beba; color: #dcdccc;
border: 1px solid; border: 1px solid;
border-color: #b8bb26;
padding: 5px; padding: 5px;
background-color: #b22222;
}
h1 {
color: #ebdbb2;
text-shadow: 1px 1px 3px black;
}
h2 {
color: #dcdccc;
text-shadow: 1px 1px 2px black;
}
p {
color: #dcdccc;
}
a {
color: #458588;
} }
input { input {
font-family: monospace; font-family: sans-serif;
padding: 5px;
margin: 0px 0px 25% 0px;
} }
button { button {
font-family: monospace; font-family: sans-serif;
padding: 5px;
margin: 0px 0px 25% 0px;
}
select {
font-family: sans-serif;
padding: 5px;
} }
.App { .App {
@ -34,16 +66,23 @@ button {
} }
.App-header { .App-header {
background-color: #323d43;
min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: calc(10px + 2vmin); font-size: calc(10px + 2vmin);
color: #d8caac;
} }
a { .Add-icon {
color: white; color: #5a981a;
height: 100px;
width: 100px;
filter: drop-shadow(1px 1px 1px black);
}
.logo {
color: #1a9897;
height: 170px;
width: 170px;
filter: drop-shadow(1px 1px 1px black);
} }