mirror of
https://git.hexahost.dev/smueller/HexaHost-Frontend.git
synced 2026-06-02 10:28:43 +00:00
Replace logo text with image in header and update CSS styles for logo: Removed text-based logo and added an image with hover effects, enhancing visual appeal and user interaction.
This commit is contained in:
@@ -149,23 +149,20 @@ body {
|
||||
|
||||
.nav-logo a {
|
||||
text-decoration: none;
|
||||
font-size: var(--font-size-xl);
|
||||
font-weight: 700;
|
||||
color: var(--white);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo-text {
|
||||
font-family: var(--font-logo);
|
||||
background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
.logo-image {
|
||||
height: 50px;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
transition: var(--transition-base);
|
||||
}
|
||||
|
||||
.logo-tld {
|
||||
color: var(--accent-color-2);
|
||||
.logo-image:hover {
|
||||
transform: scale(1.05);
|
||||
filter: drop-shadow(0 0 10px rgba(255, 81, 249, 0.5));
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
|
||||
Reference in New Issue
Block a user