refactor: improve header alignment and transition effects in default-base.css

- Changed header alignment from height to align-self: stretch for better responsiveness.
- Updated transition effects for title images to use transform for smoother animations.

This change aims to enhance the visual responsiveness and animation quality of the header elements. No further changes are pending for this task.
This commit is contained in:
Zack Spear
2025-07-07 16:12:25 -07:00
committed by Zack Spear
parent d86bb8f19f
commit e858c43d4a

View File

@@ -431,7 +431,7 @@ textarea {
}
#header unraid-user-profile {
height: 100%;
align-self: stretch;
}
/**
@@ -606,10 +606,9 @@ div.title span img {
content: "";
width: 32px;
height: 2px;
bottom: 8px;
position: absolute;
left: 50%;
margin-left: -16px;
transform: translateX(-50%) translateY(8px);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
pointer-events: none;