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

10
src/app/components/header/header.component.html
View File

@@ -73,7 +73,7 @@
</div>
</nav>
<!-- Search Box -->
<!-- Search Box (desktop) -->
<div class="dexar-search-wrapper">
<div class="dexar-search-box">
<svg class="dexar-search-icon" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -84,6 +84,14 @@
</div>
</div>
<!-- Search Icon (mobile only) -->
<button class="dexar-search-mobile" (click)="navigateToSearch()" aria-label="Поиск">
<svg width="22" height="22" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" fill="#1e3c38" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2929 18.2929C18.6834 17.9024 19.3166 17.9024 19.7071 18.2929L25.7071 24.2929C26.0976 24.6834 26.0976 25.3166 25.7071 25.7071C25.3166 26.0976 24.6834 26.0976 24.2929 25.7071L18.2929 19.7071C17.9024 19.3166 17.9024 18.6834 18.2929 18.2929Z" fill="#1e3c38" />
</svg>
</button>
<!-- Right Actions -->
<div class="dexar-actions">
<!-- Cart Button -->

78
src/app/components/header/header.component.scss
View File

@@ -78,12 +78,12 @@
&:hover {
color: var(--primary-hover);
background: rgba(85, 104, 211, 0.05);
background: rgba(73, 118, 113, 0.05);
}
&.active {
color: var(--primary-hover);
background: rgba(85, 104, 211, 0.1);
background: rgba(73, 118, 113, 0.1);
font-weight: 600;
}
}
@@ -183,11 +183,11 @@
}
&:hover {
background: rgba(85, 104, 211, 0.05);
background: rgba(73, 118, 113, 0.05);
}
&.active {
background: rgba(85, 104, 211, 0.1);
background: rgba(73, 118, 113, 0.1);
}
}
@@ -458,6 +458,7 @@
top: 0;
z-index: 1000;
backdrop-filter: blur(10px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dexar-header-container {
@@ -585,14 +586,14 @@
.dexar-actions {
display: flex;
align-items: center;
gap: 4px;
gap: 8px;
flex-shrink: 0;
}
.dexar-cart-btn {
position: relative;
width: 32px;
height: 24px;
width: 36px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
@@ -601,8 +602,8 @@
transition: opacity 0.3s ease;
svg {
width: 32px;
height: 24px;
width: 36px;
height: 28px;
}
&:hover {
@@ -616,18 +617,21 @@
.dexar-cart-badge {
position: absolute;
top: -6px;
right: -6px;
background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);
color: white;
top: -8px;
right: -10px;
background: #497671;
color: #ffffff;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 700;
font-size: 0.75rem;
padding: 2px 6px;
border-radius: 10px;
min-width: 18px;
text-align: center;
box-shadow: 0 2px 6px rgba(255, 71, 87, 0.4);
border: 2px solid white;
font-size: 10px;
line-height: 1;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dexar-lang-selector {
@@ -667,6 +671,23 @@
}
}
// Mobile Search Icon
.dexar-search-mobile {
display: none;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
padding: 6px;
margin-left: auto;
transition: opacity 0.2s ease;
&:hover {
opacity: 0.7;
}
}
// Responsive Design
@media (max-width: 1200px) {
.dexar-header-container {
@@ -777,22 +798,11 @@
}
.dexar-search-wrapper {
flex: 1;
max-width: none;
margin-left: 0;
display: none;
}
.dexar-search-box {
height: 40px;
}
.dexar-search-icon {
width: 20px;
height: 20px;
}
.dexar-search-input {
font-size: 16px;
.dexar-search-mobile {
display: flex;
}
.dexar-menu-toggle {