dev #14384 Правка ошибок отображения WPA КофеЛайк: fix styles and level description

This commit is contained in:
nikolay 2023-07-19 11:23:31 +04:00
parent 1e62141a45
commit 34447c0d8b
3 changed files with 37 additions and 37 deletions

View File

@ -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;
} }
} }

View File

@ -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}',
], ],
]; ];

View File

@ -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;