dodawanie alerow cenowych
This commit is contained in:
@@ -17099,6 +17099,403 @@ svg {
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.price-alerts-page {
|
||||
background: linear-gradient(180deg, #f4f7fb 0%, #eef3f9 100%);
|
||||
}
|
||||
|
||||
.price-alerts-heading {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.price-alerts-heading small {
|
||||
align-items: center;
|
||||
color: #7a8ba0;
|
||||
display: inline-flex;
|
||||
font-size: 11px;
|
||||
font-weight: 850;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.price-alerts-heading small svg {
|
||||
color: #a2afc1;
|
||||
font-size: 12px;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.price-alerts-heading h1 {
|
||||
color: #162742;
|
||||
font-size: 38px;
|
||||
letter-spacing: -0.01em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price-alerts-heading p {
|
||||
color: #5d7088;
|
||||
font-size: 13px;
|
||||
font-weight: 760;
|
||||
margin: 8px 0 0;
|
||||
max-width: 780px;
|
||||
}
|
||||
|
||||
.price-alerts-settings {
|
||||
align-items: center;
|
||||
background: #ffffff;
|
||||
border: 1px solid #dbe5f0;
|
||||
border-radius: 9px;
|
||||
color: #2a3e58;
|
||||
display: inline-flex;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
gap: 7px;
|
||||
height: 38px;
|
||||
justify-self: end;
|
||||
padding: 0 13px;
|
||||
}
|
||||
|
||||
.price-alerts-hero {
|
||||
background: #ffffff;
|
||||
border: 1px solid #dfe8f1;
|
||||
border-radius: 14px;
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
grid-template-columns: minmax(280px, 1fr) minmax(220px, 360px) minmax(200px, 280px);
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.price-alerts-hero-main h2 {
|
||||
color: #152841;
|
||||
font-size: 33px;
|
||||
line-height: 1.05;
|
||||
margin: 8px 0 2px;
|
||||
}
|
||||
|
||||
.price-alerts-hero-main p {
|
||||
color: #2b4059;
|
||||
font-size: 17px;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price-alerts-hero-main > small {
|
||||
align-items: center;
|
||||
color: #5f738c;
|
||||
display: inline-flex;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
gap: 5px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.price-alerts-badge {
|
||||
background: #e9f8ef;
|
||||
border-radius: 999px;
|
||||
color: #0f9657;
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.04em;
|
||||
padding: 3px 9px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.price-alerts-pricing {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px 11px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.price-alerts-pricing strong {
|
||||
color: #129256;
|
||||
font-size: 39px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.price-alerts-pricing em {
|
||||
color: #8191a5;
|
||||
font-size: 19px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.price-alerts-pricing span {
|
||||
color: #f04444;
|
||||
font-size: 15px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.price-alerts-meta {
|
||||
color: #71839b;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-size: 12px;
|
||||
font-weight: 750;
|
||||
gap: 8px 18px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.price-alerts-meta b {
|
||||
color: #2a405a;
|
||||
}
|
||||
|
||||
.price-alerts-hero-image {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
border-radius: 12px;
|
||||
min-height: 210px;
|
||||
}
|
||||
|
||||
.price-alerts-hero-side {
|
||||
background: #f4fbf7;
|
||||
border: 1px solid #dfeee6;
|
||||
border-radius: 12px;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.price-alerts-hero-side strong {
|
||||
color: #148c53;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.price-alerts-hero-side ul {
|
||||
color: #3d556d;
|
||||
display: grid;
|
||||
font-size: 12px;
|
||||
font-weight: 760;
|
||||
gap: 6px;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.price-alerts-hero-side b {
|
||||
color: #1f354f;
|
||||
}
|
||||
|
||||
.price-alerts-hero-side button {
|
||||
align-items: center;
|
||||
background: #17a762;
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
color: #ffffff;
|
||||
display: inline-flex;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
gap: 7px;
|
||||
height: 35px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.price-alerts-grid {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.price-alerts-card {
|
||||
background: #ffffff;
|
||||
border: 1px solid #dfe8f1;
|
||||
border-radius: 12px;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.price-alerts-card header h3 {
|
||||
color: #182a45;
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price-alerts-card header p {
|
||||
color: #6b7d93;
|
||||
font-size: 11px;
|
||||
font-weight: 800;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
||||
.price-alerts-kpi {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.price-alerts-kpi strong {
|
||||
color: #162a44;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.price-alerts-kpi span {
|
||||
color: #14a35f;
|
||||
font-size: 18px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.price-alerts-chart {
|
||||
height: 132px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.price-alerts-chart-line {
|
||||
fill: none;
|
||||
stroke: #26b36a;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 3;
|
||||
}
|
||||
|
||||
.price-alerts-districts {
|
||||
display: grid;
|
||||
gap: 9px;
|
||||
}
|
||||
|
||||
.price-alerts-districts div {
|
||||
align-items: center;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
grid-template-columns: 88px minmax(90px, 1fr) auto auto;
|
||||
}
|
||||
|
||||
.price-alerts-districts strong {
|
||||
color: #233852;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.price-alerts-district-bar {
|
||||
background: #edf1f6;
|
||||
border-radius: 999px;
|
||||
display: block;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.price-alerts-district-bar i {
|
||||
background: linear-gradient(90deg, #25b269 0%, #5ac987 100%);
|
||||
border-radius: 999px;
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.price-alerts-districts em {
|
||||
color: #2d435e;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 820;
|
||||
}
|
||||
|
||||
.price-alerts-districts b {
|
||||
color: #15a35f;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.price-alerts-link {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
color: #18a661;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
justify-self: start;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.price-alerts-active-list {
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.price-alerts-active-items {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.price-alerts-active-items button {
|
||||
align-items: center;
|
||||
background: #fbfcfe;
|
||||
border: 1px solid #e2eaf3;
|
||||
border-radius: 9px;
|
||||
color: #21364f;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
padding: 9px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.price-alerts-active-items strong {
|
||||
color: #1d3049;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.price-alerts-active-items small {
|
||||
color: #6d7f96;
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
font-weight: 750;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.price-alerts-active-items span {
|
||||
background: #e9f8ef;
|
||||
border-radius: 999px;
|
||||
color: #119659;
|
||||
font-size: 10px;
|
||||
font-weight: 900;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.price-alerts-manage {
|
||||
background: #f5f8fc;
|
||||
border: 1px solid #dce6f1;
|
||||
border-radius: 8px;
|
||||
color: #334a64;
|
||||
font-size: 12px;
|
||||
font-weight: 900;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.price-alerts-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.price-alerts-hero {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.price-alerts-heading h1 {
|
||||
font-size: 31px;
|
||||
}
|
||||
|
||||
.price-alerts-settings {
|
||||
justify-self: start;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 740px) {
|
||||
.price-alerts-pricing strong {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.price-alerts-pricing em {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.price-alerts-pricing span {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.price-alerts-districts div {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-head h1 {
|
||||
color: #1a2c46;
|
||||
font-size: 43px;
|
||||
|
||||
Reference in New Issue
Block a user