gnx/GNX-WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Iliyan Angelov
2025-11-24 08:18:18 +02:00
parent 366f28677a
commit 136f75a859
133 changed files with 14977 additions and 3350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
frontEnd/public/styles/layout/_banner.scss
View File

@@ -10,17 +10,18 @@
// 4.02.01 modern banner styles start
.modern-banner {
position: relative;
height: 100vh;
height: calc(var(--vh, 1vh) * 100); // Dynamic viewport height for mobile browsers
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100); // Dynamic viewport height for mobile browsers
min-height: -webkit-fill-available; // iOS viewport fix
background: #0a0a0a;
overflow: hidden;
overflow-x: hidden; // Prevent horizontal scroll
overflow-y: auto; // Allow vertical scroll if content is too long
display: flex;
flex-direction: column;
justify-content: center;
justify-content: flex-start; // Align content to top
padding: 0;
padding-top: 100px; // Account for fixed navbar (increased from 80px)
padding-bottom: 40px; // Add bottom padding for scroll indicator
.banner-background {
position: absolute;
@@ -614,11 +615,12 @@
.container {
position: relative;
z-index: 2;
height: 100%;
min-height: auto; // Allow content to determine height
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 0;
justify-content: flex-start; // Align to top instead of center
padding: 40px 0; // Reduced padding
padding-top: 20px; // Start content below navbar
width: 100%;
max-width: 1200px;
margin: 0 auto;
@@ -635,15 +637,19 @@
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px; // Start content below navbar on mobile
justify-content: flex-start; // Align content to top on mobile
}
}
.banner-content {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start; // Align to top instead of center
flex: 1;
margin-bottom: 40px;
padding-top: 20px; // Add top padding for spacing
min-height: auto; // Allow content to determine height
.content-center {
text-align: center;
@@ -700,11 +706,13 @@
}
.main-heading {
font-size: clamp(2.5rem, 5vw, 4.5rem);
font-size: clamp(2rem, 4vw, 3.5rem); // Reduced from 2.5rem-4.5rem to 2rem-3.5rem
font-weight: 700;
line-height: 1.1;
line-height: 1.2; // Slightly increased for better spacing
color: white;
margin-bottom: 20px;
word-wrap: break-word; // Ensure long words wrap
overflow-wrap: break-word; // Additional word wrapping support
.gradient-text {
background: linear-gradient(135deg, #0ea5e9, #6366f1);
@@ -728,12 +736,15 @@
.description {
font-size: 18px;
line-height: 1.6;
line-height: 1.7; // Increased line height for better readability
color: rgba(255, 255, 255, 0.8);
margin-bottom: 32px;
max-width: 650px;
max-width: 700px; // Slightly increased max-width
margin-left: auto;
margin-right: auto;
word-wrap: break-word; // Ensure long words wrap
overflow-wrap: break-word; // Additional word wrapping support
hyphens: auto; // Enable automatic hyphenation
&.carousel-text {
transition: opacity 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;