dev #14384 Правка ошибок отображения WPA КофеЛайк: fix styles and level description
This commit is contained in:
parent
1e62141a45
commit
34447c0d8b
@ -14,7 +14,7 @@
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
letter-spacing: -0.24px;
|
letter-spacing: -0.24px;
|
||||||
color: #6a737c;
|
color: var(--text-color_1);
|
||||||
}
|
}
|
||||||
.phone-number {
|
.phone-number {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -23,7 +23,7 @@
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
letter-spacing: -0.408px;
|
letter-spacing: -0.408px;
|
||||||
color: #d9d9d9;
|
color: var(--text-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -9,28 +9,28 @@ import { format } from 'src/app/utils';
|
|||||||
|
|
||||||
const levelDescriptionsTable = [
|
const levelDescriptionsTable = [
|
||||||
[
|
[
|
||||||
'Поднимай свой уровень! Купи еще на <span style="color: var(--button-color);">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color);">6%</span> с {1}!',
|
'Поднимай свой уровень!<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">6%</span> с {1}!',
|
||||||
'А ты хорош! Купи еще на <span style="color: var(--button-color);">{0}₽</span> и получай кешбек <span style="color: var(--button-color);">10%</span> с {1}',
|
'А ты хорош!<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">10%</span> с {1}',
|
||||||
'Ты крут! Купи еще на <span style="color: var(--button-color);">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты крут!<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
'Ты сделал это! Купи на <span style="color: var(--button-color);">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты сделал это!<br/>Купи на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
'Oops! Ты оказался на 1 уровне. Купи еще на <span style="color: var(--button-color);">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color);">6%</span> с {1}!',
|
'Oops! Ты оказался на 1 уровне.<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">6%</span> с {1}!',
|
||||||
'Ты можешь стать круче! Купи еще на <span style="color: var(--button-color);">{0}₽</span> и получай кешбек <span style="color: var(--button-color);">10%</span> с {1}',
|
'Ты можешь стать круче!<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">10%</span> с {1}',
|
||||||
'Ого! Ты уже здесь! Хочешь еще больше кешбека? Купи на <span style="color: var(--button-color);">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ого! Ты уже здесь!Хочешь еще больше кешбека?<br/>Купи на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
'Ты потрясающий! Покупай на <span style="color: var(--button-color);">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты потрясающий!<br/>Покупай на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
'Oops! Ты оказался на 1 уровне. Купи еще на <span style="color: var(--button-color);">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color);">6%</span> с {1}!',
|
'Oops! Ты оказался на 1 уровне.<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">6%</span> с {1}!',
|
||||||
'Ты вернулся на 2 уровень. Купи еще на <span style="color: var(--button-color);">{0}₽</span> и получай кешбек <span style="color: var(--button-color);">10%</span> с {1}',
|
'Ты вернулся на 2 уровень.<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">10%</span> с {1}',
|
||||||
'Ты почти на последнем уровне! Купи на <span style="color: var(--button-color);">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты почти на последнем уровне!<br/>Купи на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
'Ты лучший! Покупай на <span style="color: var(--button-color);">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты лучший!<br/>Покупай на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
'Oops! Ты оказался на 1 уровне. Купи еще на <span style="color: var(--button-color);">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color);">6%</span> с {1}!',
|
'Oops! Ты оказался на 1 уровне.<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и твой кешбек будет <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">6%</span> с {1}!',
|
||||||
'Ты вернулся на 2 уровень. Купи еще на <span style="color: var(--button-color);">{0}₽</span> и получай кешбек <span style="color: var(--button-color);">10%</span> с {1}',
|
'Ты вернулся на 2 уровень.<br/>Купи еще на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и получай кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">10%</span> с {1}',
|
||||||
'Оу! Ты оказался на 3 уровне. Купи на <span style="color: var(--button-color);">{0}₽</span> и возвращай себе максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Оу! Ты оказался на 3 уровне.<br/>Купи на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и возвращай себе максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
'Ты наш герой! Покупай на <span style="color: var(--button-color);">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color);">15%</span> с {1}',
|
'Ты наш герой!<br/>Покупай на <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">{0}₽</span> и сохраняй максимальный кешбек <span style="color: var(--button-color); font-weight: bold; font-size: 17px;">15%</span> с {1}',
|
||||||
],
|
],
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@ -3,26 +3,26 @@
|
|||||||
@include mat.core();
|
@include mat.core();
|
||||||
|
|
||||||
$primary: (
|
$primary: (
|
||||||
50 : #e5f5e9,
|
50 : #e0ebea,
|
||||||
100 : #bfe7c8,
|
100 : #b3cecb,
|
||||||
200 : #94d7a4,
|
200 : #80aea8,
|
||||||
300 : #69c780,
|
300 : #4d8d85,
|
||||||
400 : #48bb64,
|
400 : #26746a,
|
||||||
500 : #28af49,
|
500 : #005c50,
|
||||||
600 : #24a842,
|
600 : #005449,
|
||||||
700 : #1e9f39,
|
700 : #004a40,
|
||||||
800 : #189631,
|
800 : #004137,
|
||||||
900 : #0f8621,
|
900 : #003027,
|
||||||
A100 : #b8ffc0,
|
A100 : #69ffdb,
|
||||||
A200 : #85ff94,
|
A200 : #36ffce,
|
||||||
A400 : #52ff67,
|
A400 : #03ffc2,
|
||||||
A700 : #38ff51,
|
A700 : #00e8b0,
|
||||||
contrast: (
|
contrast: (
|
||||||
50 : #000000,
|
50 : #000000,
|
||||||
100 : #000000,
|
100 : #000000,
|
||||||
200 : #000000,
|
200 : #000000,
|
||||||
300 : #000000,
|
300 : #ffffff,
|
||||||
400 : #000000,
|
400 : #ffffff,
|
||||||
500 : #ffffff,
|
500 : #ffffff,
|
||||||
600 : #ffffff,
|
600 : #ffffff,
|
||||||
700 : #ffffff,
|
700 : #ffffff,
|
||||||
@ -121,7 +121,7 @@ body {
|
|||||||
--text-color_1: #8d8d8d;
|
--text-color_1: #8d8d8d;
|
||||||
|
|
||||||
--button-color: #005C50;
|
--button-color: #005C50;
|
||||||
--button-color_disabled: rgb(40, 175, 73, 0.9);
|
--button-color_disabled: rgb(0, 92, 80, 0.9);
|
||||||
|
|
||||||
--button-text-color: #ffffff;
|
--button-text-color: #ffffff;
|
||||||
--button-text-color_disabled: #cccccc;
|
--button-text-color_disabled: #cccccc;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user