Minor UI changes

Signed-off-by: Paul W. <lambdapaul@protonmail.com>
This commit is contained in:
Paul W. 2023-10-30 21:50:20 -04:00
parent d3591c4db6
commit 8867754911
No known key found for this signature in database
GPG Key ID: 0023B93C0FF1E1D4
2 changed files with 11 additions and 11 deletions

View File

@ -307,7 +307,7 @@ li {
background: var(--primary-green); background: var(--primary-green);
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
transition: 100ms ease-in-out all; transition: 50ms ease-in-out all;
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: none; box-shadow: none;
} }
@ -324,10 +324,10 @@ li {
.button:active { .button:active {
text-decoration: none; text-decoration: none;
box-shadow: none; box-shadow: 0 0 0 1px var(--tertiary-green);
transform: scale(0.98);
color: #cccccc; color: #cccccc;
background: var(--tertiary-green); background: var(--tertiary-green);
box-shadow: none;
} }
.button.blue { .button.blue {
@ -355,17 +355,17 @@ li {
.button.link::after { .button.link::after {
content: ' \2192'; content: ' \2192';
display: inline-block; display: inline-block;
transition: 100ms ease-in-out all; transition: 50ms ease-in-out all;
margin-left: 0.3rem; margin-left: 0.3rem;
} }
.button.link:hover { .button.link:hover {
display: inline-block; display: inline-block;
transition: 100ms ease-in-out all; transition: 50ms ease-in-out all;
} }
.button.link:hover::after { .button.link:hover::after {
transform: translateX(0.2rem) scale(1.3); transform: translateX(0.25rem) scale(1.3);
} }
.button.link.extern:hover::after { .button.link.extern:hover::after {

View File

@ -12,15 +12,15 @@
.nav { .nav {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
font-size: 1.5rem; font-size: 1.25rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
position: fixed; position: fixed;
bottom: 0; bottom: 0;
z-index: 1000; z-index: 1000;
margin: 0; margin: 0;
height: 2.75rem; height: 2.5rem;
max-height: 2.75rem; max-height: 2.5rem;
min-height: 2.75rem; min-height: 2.5rem;
min-width: 100%; min-width: 100%;
width: 100%; width: 100%;
background: linear-gradient(to bottom right, #1a3a15, #09351b) no-repeat center center fixed; background: linear-gradient(to bottom right, #1a3a15, #09351b) no-repeat center center fixed;