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

57
src/app/pages/search/search.component.scss
View File

@@ -2,6 +2,7 @@
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.search-header {
@@ -10,7 +11,7 @@
h1 {
font-size: 2rem;
margin-bottom: 20px;
color: #333;
color: #1e3c38;
text-align: center;
}
}
@@ -24,13 +25,15 @@
width: 100%;
padding: 16px 50px 16px 20px;
font-size: 1.1rem;
border: 2px solid #ddd;
border-radius: 50px;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
border: 2px solid #d3dad9;
border-radius: 13px;
outline: none;
transition: border-color 0.2s;
&:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(73, 118, 113, 0.1);
}
}
@@ -39,7 +42,8 @@
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
display: flex;
align-items: center;
pointer-events: none;
}
}
@@ -47,7 +51,7 @@
.results-count {
text-align: center;
margin-bottom: 24px;
color: #333;
color: #1e3c38;
font-size: 1.1rem;
}
@@ -56,30 +60,31 @@
.loading-initial {
text-align: center;
padding: 60px 20px;
color: #555;
color: #697777;
}
.no-results {
.no-results-icon {
font-size: 4rem;
margin-bottom: 20px;
opacity: 0.3;
opacity: 0.5;
display: flex;
justify-content: center;
}
h2 {
font-size: 1.5rem;
color: #333;
color: #1e3c38;
margin-bottom: 12px;
}
p {
margin: 8px 0;
color: #666;
color: #697777;
}
.hint {
font-size: 0.9rem;
color: #999;
color: #a1b4b5;
margin-top: 16px;
}
}
@@ -94,9 +99,10 @@
background: var(--primary-color);
color: white;
border: none;
border-radius: 6px;
border-radius: 13px;
cursor: pointer;
font-size: 1rem;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
&:hover {
background: var(--primary-hover);
@@ -113,8 +119,9 @@
.item-card {
background: white;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-radius: 13px;
border: 1px solid #d3dad9;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
@@ -122,7 +129,7 @@
&:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
}
@@ -140,7 +147,7 @@
padding-top: 75%;
background: #f5f5f5;
overflow: hidden;
border-radius: 12px;
border-radius: 13px;
img {
position: absolute;
@@ -165,7 +172,7 @@
position: absolute;
top: 12px;
right: 12px;
background: #ff4757;
background: #ef4444;
color: white;
padding: 6px 12px;
border-radius: 20px;
@@ -184,7 +191,7 @@
.item-name {
font-size: 1.1rem;
margin: 0;
color: #333;
color: #1e3c38;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
@@ -197,10 +204,10 @@
align-items: center;
gap: 8px;
font-size: 0.9rem;
color: #333;
color: #1e3c38;
.rating-stars {
color: #ffa502;
color: #497671;
font-weight: 600;
}
}
@@ -215,7 +222,7 @@
.original-price {
text-decoration: line-through;
color: #555;
color: #697777;
font-size: 0.9rem;
}
@@ -235,7 +242,7 @@
.bar-segment {
width: 20px;
height: 6px;
background: #e0e0e0;
background: #d3dad9;
border-radius: 3px;
transition: background 0.2s;
@@ -248,7 +255,7 @@
}
&.filled.low {
background: #ff4757;
background: #ef4444;
}
}
}
@@ -260,8 +267,10 @@
background: var(--primary-color);
color: white;
border: none;
border-radius: 0 0 13px 13px;
font-size: 1rem;
font-weight: 600;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer;
transition: background 0.2s;
@@ -295,7 +304,7 @@
}
.no-more {
color: #555;
color: #697777;
padding: 40px 20px;
text-align: center;
}