sdarbinyan/marketplaces
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style changes

Browse Source
This commit is contained in:
sdarbinyan
2026-02-14 02:34:11 +04:00
parent 751ad48489
commit 4238d59fc6
20 changed files with 1448 additions and 1032 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/app/pages/home/home.component.scss
View File

@@ -741,10 +741,10 @@
}
.dexar-hero-content {
max-width: 660px;
max-width: 600px;
display: flex;
flex-direction: column;
gap: 18px;
gap: 12px;
animation: fadeInUp 0.8s ease-out;
}
@@ -762,7 +762,7 @@
.dexar-hero-title {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 57px;
font-size: 42px;
color: #1e3c38;
line-height: 1.2;
margin: 0;
@@ -772,7 +772,7 @@
.dexar-hero-subtitle {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 34px;
font-size: 24px;
color: #1e3c38;
line-height: 1.3;
margin: 0;
@@ -782,7 +782,7 @@
.dexar-hero-tagline {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 34px;
font-size: 24px;
color: #1e3c38;
line-height: 1.3;
margin: 0;
@@ -791,8 +791,8 @@
.dexar-hero-actions {
display: flex;
gap: 20px;
margin-top: 20px;
gap: 16px;
margin-top: 12px;
animation: fadeInUp 0.8s ease-out 0.4s both;
}
@@ -800,14 +800,14 @@
display: flex;
align-items: center;
justify-content: center;
width: 337px;
height: 60px;
width: 280px;
height: 48px;
background: linear-gradient(360deg, #497671 0%, #a7ceca 100%);
border: 1px solid #d3dad9;
border-radius: 13px;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 27px;
font-size: 20px;
color: #ffffff;
text-decoration: none;
letter-spacing: 1.08px;
@@ -831,14 +831,14 @@
align-items: center;
justify-content: center;
gap: 9px;
width: 264px;
height: 60px;
width: 220px;
height: 48px;
background: #f5f5f5;
border: 1px solid #d3dad9;
border-radius: 13px;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500;
font-size: 27px;
font-size: 20px;
color: #1e3c38;
letter-spacing: 1.08px;
cursor: pointer;
@@ -1037,6 +1037,7 @@
margin: 0;
line-height: 1.3;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
@@ -1053,10 +1054,23 @@
line-height: 1.2;
}
// Wide category card (spans 2 columns)
.dexar-category-card--wide {
grid-column: span 2;
.dexar-category-image {
aspect-ratio: 8 / 3;
img {
object-fit: cover;
}
}
}
// Responsive Design
@media (max-width: 1200px) {
.dexar-hero {
height: 500px;
height: 380px;
}
.dexar-hero-overlay {
@@ -1064,12 +1078,12 @@
}
.dexar-hero-title {
font-size: 48px;
font-size: 38px;
}
.dexar-hero-subtitle,
.dexar-hero-tagline {
font-size: 28px;
font-size: 22px;
}
.dexar-categories {
@@ -1084,7 +1098,7 @@
@media (max-width: 992px) {
.dexar-hero {
height: 450px;
height: 340px;
}
.dexar-hero-overlay {
@@ -1092,24 +1106,24 @@
}
.dexar-hero-title {
font-size: 42px;
font-size: 34px;
}
.dexar-hero-subtitle,
.dexar-hero-tagline {
font-size: 24px;
font-size: 20px;
}
.dexar-btn-primary {
width: 280px;
height: 54px;
font-size: 22px;
width: 240px;
height: 44px;
font-size: 18px;
}
.dexar-btn-secondary {
width: 220px;
height: 54px;
font-size: 22px;
width: 200px;
height: 44px;
font-size: 18px;
}
.dexar-categories {
@@ -1124,7 +1138,7 @@
@media (max-width: 768px) {
.dexar-hero {
height: 400px;
height: 320px;
background-position: right center;
}
@@ -1138,26 +1152,26 @@
}
.dexar-hero-title {
font-size: 36px;
font-size: 28px;
}
.dexar-hero-subtitle,
.dexar-hero-tagline {
font-size: 20px;
font-size: 17px;
}
.dexar-hero-actions {
flex-direction: column;
gap: 16px;
gap: 12px;
width: 100%;
}
.dexar-btn-primary,
.dexar-btn-secondary {
width: 100%;
max-width: 320px;
height: 50px;
font-size: 20px;
max-width: 280px;
height: 42px;
font-size: 17px;
}
.dexar-categories {
@@ -1182,26 +1196,26 @@
@media (max-width: 480px) {
.dexar-hero {
height: 350px;
height: 280px;
}
.dexar-hero-title {
font-size: 28px;
font-size: 24px;
}
.dexar-hero-subtitle,
.dexar-hero-tagline {
font-size: 18px;
font-size: 15px;
}
.dexar-hero-actions {
gap: 12px;
gap: 10px;
}
.dexar-btn-primary,
.dexar-btn-secondary {
height: 46px;
font-size: 18px;
height: 40px;
font-size: 16px;
}
.dexar-categories {