chore: fix height issue (#40107)

Fixes #40092

![CleanShot 2025-04-07 at 14 23
41](https://github.com/user-attachments/assets/5cc0ad43-d253-4165-a342-486004397269)


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Improved the welcome banner’s layout by switching to a more flexible
height setting.
- Adjusted vertical alignment with additional top padding for users with
elevated privileges, enhancing overall spacing and visual consistency.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Pawan Kumar 2025-04-07 16:33:40 +05:30 committed by GitHub
parent e9cca6a56f
commit 65e6ab9dc7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -151,13 +151,13 @@ export const UserWelcomeScreenTextBanner = styled.div<{
isSuperUser?: boolean;
}>`
width: 60%;
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
${(props) =>
props.isSuperUser
? "padding: calc(2*var(--ads-spaces-17)) 0 0;"
: "justify-content: center;"}
: "justify-content: center; padding-block: var(--ads-spaces-12);"}
margin-left: 8rem;
`;