From e7bb26430beda489ed92db1ace70d83bfe19eb92 Mon Sep 17 00:00:00 2001 From: Sergey Karmanov Date: Sun, 30 Jul 2023 14:53:19 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB?= =?UTF-8?q?=D0=B8=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE?= =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B1=D0=B0=D0=BD=D0=BA=D0=BE?= =?UTF-8?q?=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- PaydayFrontend/Views/Admin/Banks.cshtml | 100 +++++------ PaydayFrontend/wwwroot/admin/css/style.css | 180 ++++++++++++++++---- PaydayFrontend/wwwroot/img/del_black.svg | 7 + PaydayFrontend/wwwroot/img/del_red.svg | 7 + PaydayFrontend/wwwroot/img/pencil_black.svg | 4 + PaydayFrontend/wwwroot/img/pencil_red.svg | 7 + 6 files changed, 210 insertions(+), 95 deletions(-) create mode 100644 PaydayFrontend/wwwroot/img/del_black.svg create mode 100644 PaydayFrontend/wwwroot/img/del_red.svg create mode 100644 PaydayFrontend/wwwroot/img/pencil_black.svg create mode 100644 PaydayFrontend/wwwroot/img/pencil_red.svg diff --git a/PaydayFrontend/Views/Admin/Banks.cshtml b/PaydayFrontend/Views/Admin/Banks.cshtml index 9baa918..bb5d9bc 100644 --- a/PaydayFrontend/Views/Admin/Banks.cshtml +++ b/PaydayFrontend/Views/Admin/Banks.cshtml @@ -7,75 +7,57 @@
- - - + +
-
-
-
Альфа Банк
-
- bank +
+ +
+
+ navigationАльфа Банк +
+
+
+ deldel +
+
+ deldel +
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank +
+ +
+
+ navigationСбербанк +
+
+
+ deldel +
+
+ deldel +
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank +
+ +
+
+ navigationТинькофф +
+
+
+ deldel +
+
+ deldel +
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank -
-
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank -
-
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank -
-
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
-
-
-
-
Альфа Банк
-
- bank -
-
-
Лучший банк (наверное)Берите кредит в нашем банке хороший процент и выгодно
\ No newline at end of file diff --git a/PaydayFrontend/wwwroot/admin/css/style.css b/PaydayFrontend/wwwroot/admin/css/style.css index b452d18..f309d33 100644 --- a/PaydayFrontend/wwwroot/admin/css/style.css +++ b/PaydayFrontend/wwwroot/admin/css/style.css @@ -20,6 +20,10 @@ background-color: #fff } +.fix { + margin-top: 20px; +} + .universe_icon { -moz-user-select: none; @@ -158,53 +162,37 @@ -webkit-user-select: none; -ms-user-select: none; user-select: none; - display: block; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; position: absolute; right: 50px; top: 20px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); height: 50px; width: 50px; background-color: #20d37d; - border-radius: 9px + border-radius: 50% } -.hamburger span { - display: block; - height: 5px; - width: 32px; +.second_line { + position: absolute; background-color: #fff; - margin: 0 9px 6px 9px + height: 3px; + width: 25px } -.hamburger span:nth-child(1) { - margin-top: 12px -} - -.hamburger span:nth-child(3) { - margin-bottom: 12px -} - -.hamburger span_active { - -webkit-transition: .8 all; - transition: .8 all -} - -.hamburger span_active span:nth-child(1) { - margin-top: 12px; - -webkit-transform: translateY(12px) rotate(-45deg); - transform: translateY(12px) rotate(-45deg) -} - -.hamburger span_active span:nth-child(2) { - display: none -} - -.hamburger span_active span:nth-child(3) { - margin-top: 12px; - -webkit-transform: translateY(-5px) rotate(45deg); - transform: translateY(-5px) rotate(45deg) +.first_line { + position: absolute; + rotate: 90deg; + background-color: #fff; + height: 3px; + width: 25px } .banks { @@ -394,4 +382,124 @@ position: relative } +.navigation_card { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: 30px; + height: 60px; + width: 880px; + background-color: #fff; + border-radius: 44px +} + +.navigation_bank_text { + margin: 6 auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + color: #2a2a2a; + font-size: 24px; + font-style: normal; + font-weight: 500 +} + +.navigation_bank { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.navigation_icon { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + height: 45px; + width: 45px +} + +.flex_container_center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.add_procent { + margin-right: 20px; + width: 120px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.delete_btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px; + height: 50px; + background-color: #fff; + border-radius: 50% +} + +.delete_btn_img_red { + display: none; + width: 40px +} + +.delete_btn_img_black { + width: 40px +} + +.delete_btn:hover { + background-color: #ececec +} + +.delete_btn:hover .delete_btn_img_black { + display: none +} + +.delete_btn:hover .delete_btn_img_red { + display: block +} + /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/PaydayFrontend/wwwroot/img/del_black.svg b/PaydayFrontend/wwwroot/img/del_black.svg new file mode 100644 index 0000000..1b19bc4 --- /dev/null +++ b/PaydayFrontend/wwwroot/img/del_black.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/PaydayFrontend/wwwroot/img/del_red.svg b/PaydayFrontend/wwwroot/img/del_red.svg new file mode 100644 index 0000000..d8680b2 --- /dev/null +++ b/PaydayFrontend/wwwroot/img/del_red.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/PaydayFrontend/wwwroot/img/pencil_black.svg b/PaydayFrontend/wwwroot/img/pencil_black.svg new file mode 100644 index 0000000..5afdaa2 --- /dev/null +++ b/PaydayFrontend/wwwroot/img/pencil_black.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/PaydayFrontend/wwwroot/img/pencil_red.svg b/PaydayFrontend/wwwroot/img/pencil_red.svg new file mode 100644 index 0000000..1131e14 --- /dev/null +++ b/PaydayFrontend/wwwroot/img/pencil_red.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file