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

updates

Browse Source
This commit is contained in:
Iliyan Angelov
2025-10-13 22:47:06 +03:00
parent 5ad9cbe3a6
commit dfcaebaf8c
12 changed files with 3233 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
gnx-react/public/styles/layout/_banner.scss
View File

@@ -800,23 +800,30 @@
.cta-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #1e40af, #0ea5e9);
color: white;
padding: 14px 28px;
border-radius: 8px;
gap: 10px;
background: linear-gradient(135deg, #1a365d, #2563eb);
color: #ffffff !important;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 6px 24px rgba(30, 64, 175, 0.3);
box-shadow: 0 4px 14px rgba(26, 54, 93, 0.25);
font-size: 15px;
letter-spacing: 0.3px;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
span, i {
color: #ffffff !important;
}
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 32px rgba(30, 64, 175, 0.4);
box-shadow: 0 6px 20px rgba(26, 54, 93, 0.35);
background: linear-gradient(135deg, #1e40af, #3b82f6);
}
&:active {
@@ -824,7 +831,7 @@
}
i {
font-size: 15px;
font-size: 14px;
transition: transform 0.3s ease;
}
@@ -836,25 +843,31 @@
.cta-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: white;
padding: 14px 28px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
gap: 10px;
background: rgba(255, 255, 255, 0.05);
color: #ffffff !important;
padding: 16px 32px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
font-size: 15px;
letter-spacing: 0.3px;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
span, i {
color: #ffffff !important;
}
&:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.5);
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(255, 255, 255, 0.1);
}
&:active {
@@ -862,7 +875,7 @@
}
i {
font-size: 15px;
font-size: 14px;
}
}
}