React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

Made the header button show/hide work

Browse source
This commit is contained in:
Sage The DM 2024-09-18 11:17:34 +02:00
parent 48668f7f6e
commit 284e70b841
20 changed files with 585 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

38
app/styles/header.css Normal file
View file

@ -0,0 +1,38 @@
header {
background-color: var(--background-color);
color: black;
width: 100%;
text-decoration: none;
position: fixed;
top: 0;
left: 0;
padding: 10px 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 1000;
font-family: var(--font-family);
}
header li {
display: inline-block;
margin: 0 15px;
}
header img {
height: 2em;
vertical-align: middle;
}
header a,
header li button {
color: black;
text-decoration: none;
transition: color 0.3s;
border: none;
background-color: transparent;
font-size: 1em;
}
header a:hover,
header li button:hover {
color: var(--input-button-color);
}