smueller/HexaHost-Web-Prod
1
0
Fork 0
mirror of https://git.hexahost.dev/smueller/HexaHost-Frontend.git synced 2026-06-02 10:28:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance FAQ item styles with hover effects and transitions: Added visual feedback for FAQ items on hover and when open, improving user interaction and aesthetics.

Browse Source
This commit is contained in:
TheOnlyMace
2026-01-13 22:13:40 +01:00
parent b193455e99
commit 996dec5f78
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/assets/css/style.css
View File

@@ -1584,6 +1584,19 @@ body {
.faq-item { .faq-item {
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
transition: all var(--transition-base);
border: 1px solid transparent;
}
.faq-item:hover {
border-color: var(--primary-color);
box-shadow: 0 0 20px rgba(255, 81, 249, 0.2);
transform: translateY(-2px);
}
.faq-item.open {
border-color: var(--primary-color);
box-shadow: 0 0 25px rgba(255, 81, 249, 0.25);
} }
.faq-question { .faq-question {
@@ -1595,10 +1608,6 @@ body {
transition: background var(--transition-base); transition: background var(--transition-base);
} }
.faq-question:hover {
background: rgba(255, 255, 255, 0.05);
}
.faq-question h3 { .faq-question h3 {
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
font-weight: 600; font-weight: 600;