From 945aa9d18cded8cf5c0796a1fc92eb2577d9c91f Mon Sep 17 00:00:00 2001 From: David Katrinka Date: Mon, 16 Jun 2025 19:45:30 +0200 Subject: [PATCH 1/2] admin panel frontend --- .../Templates/components/admin-header.php | 8 +- apps/Admin/Templates/home.php | 12 +- apps/Admin/Templates/list-view.php | 8 +- apps/Admin/Templates/single-view.php | 6 +- apps/Admin/Templates/widgets/user_banlist.php | 2 +- assets/css/admin.css | 119 ++++++++++++++---- 6 files changed, 112 insertions(+), 43 deletions(-) diff --git a/apps/Admin/Templates/components/admin-header.php b/apps/Admin/Templates/components/admin-header.php index d5b508a..57e9657 100644 --- a/apps/Admin/Templates/components/admin-header.php +++ b/apps/Admin/Templates/components/admin-header.php @@ -8,7 +8,7 @@ use Lycoreco\Includes\Routing\Router; <?php echo get_title_website($title); ?> - + @@ -28,7 +28,7 @@ use Lycoreco\Includes\Routing\Router;
-
diff --git a/apps/Admin/Templates/home.php b/apps/Admin/Templates/home.php index b5a4c82..548f671 100644 --- a/apps/Admin/Templates/home.php +++ b/apps/Admin/Templates/home.php @@ -2,7 +2,7 @@
-

Stats per month

+

Stats per month

@@ -48,23 +48,23 @@
-

Quick tools

+

Quick tools

-

Latest orders

+

Latest orders

diff --git a/apps/Admin/Templates/list-view.php b/apps/Admin/Templates/list-view.php index bb7e9e6..d04bb24 100644 --- a/apps/Admin/Templates/list-view.php +++ b/apps/Admin/Templates/list-view.php @@ -1,21 +1,21 @@
-

+

- + New
-
+
- +
diff --git a/apps/Admin/Templates/single-view.php b/apps/Admin/Templates/single-view.php index 9dd2349..6810879 100644 --- a/apps/Admin/Templates/single-view.php +++ b/apps/Admin/Templates/single-view.php @@ -5,7 +5,7 @@ $disabled_attr = $context['can_save'] ? '' : 'disabled'; ?>
-

+

is_saved()): ?> @@ -112,12 +112,12 @@ $disabled_attr = $context['can_save'] ? '' : 'disabled';
is_saved()): ?> - Delete + Delete - +

diff --git a/apps/Admin/Templates/widgets/user_banlist.php b/apps/Admin/Templates/widgets/user_banlist.php index 09484d9..47c2504 100644 --- a/apps/Admin/Templates/widgets/user_banlist.php +++ b/apps/Admin/Templates/widgets/user_banlist.php @@ -19,7 +19,7 @@
- Show all + Show all New ban
diff --git a/assets/css/admin.css b/assets/css/admin.css index ce5408b..56aca21 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -1,3 +1,22 @@ +:root { + --panel-text: #008b70; + --input-background: #f7f7f7; + --input-border: #b3b3b3; + --input-placeholder: #b3b3b3; + --panel-background: #eaf8eb; + --input-text-color: #000; + --title-color: #015847; + --meta-color: #727272; + --common-text: #000; + --panel-title-color: #000; + --button-primary: #0DBB99; + --button-secondary: #ECECEC; + + + --title-font: 'Roboto Slab', sans-serif; + --common-font: 'Roboto Condensed', serif; +} + * { box-sizing: border-box; } @@ -13,8 +32,8 @@ body { width: 100%; } .header-admin { - background: var(--dark-block-background); - height: 64px; + + height: 80px; display: flex; align-items: center; @@ -26,22 +45,28 @@ body { display: flex; } .header-admin__control .username { - color: var(--h-color); - font-family: var(--font-family-header); + color: var(--common-text); + font-size: 16px; + font-weight: 500; + font-family: var(--common-font); margin-right: 10px; } .header-admin__control .username span { - color: var(--link-color); + color: var(--title-color); } .header-admin__control .links a { - color: var(--h-color); + text-decoration: none; + font-size: 16px; + font-weight: 500; + font-family: var(--common-font); + color: var(--common-text); } .admin-sidebar { width: 100%; max-width: 314px; flex-shrink: 0; - background: var(--block-background); + background: var(--panel-background); } .admin-sidebar .btn { display: block; @@ -53,13 +78,13 @@ body { .admin-sidebar__list a { display: block; padding: 10px 20px; - color: var(--h-color); + color: var(--panel-text); font-size: 20px; text-decoration: none; } .admin-sidebar__list a:hover, .admin-sidebar__list a.active { - background: #ffffff2e; + color: #000; } .admin-sidebar__list a i { width: 34px; @@ -92,8 +117,8 @@ body { display: flex; align-items: center; - color: var(--h-color); - background: var(--block-background); + color: var(--common-text); + background: var(--panel-background); border-radius: 5px; padding: 12px 20px; } @@ -125,11 +150,11 @@ body { justify-content: space-between; padding: 14px 22px; - background: var(--block-background); - border-radius: 5px; + background: var(--panel-background); + border-radius: 10px; } .admin-table { - color: var(--h-color); + color: var(--common-text); margin-bottom: 15px; font-size: 14px; @@ -139,12 +164,17 @@ body { overflow: hidden; } .admin-table thead { - background: var(--block-background); + background: #0DBB99; + color: #eaf8eb; } .admin-table td, .admin-table th { padding: 15px 10px; } + +.admin-table a{ + color: var(--title-color); +} .admin-block__content .admin-block__table { border-radius: 5px; overflow: hidden; @@ -152,14 +182,14 @@ body { } .admin-table tbody tr:nth-child(odd), .admin-block__table .row:nth-child(odd) { - background: #9f9f9f; + background: #eaf8eb; } .admin-table tbody tr:nth-child(even), .admin-block__table .row:nth-child(even) { - background: #767676; + background: #b6f1ba; } .admin-block__table { - color: var(--h-color); + color: var(--common-text); } .admin-block__table .row { display: flex; @@ -173,7 +203,7 @@ body { .admin-block { overflow: hidden; border-radius: 5px; - border: 1px solid var(--block-background); + margin-bottom: 20px; } .admin-block__content { @@ -181,10 +211,10 @@ body { } .admin-block__title { font-size: 18px; - font-family: var(--font-family-header); - background: var(--block-background); + font-family: var(--common-font); + padding: 10px 10px; - color: var(--h-color); + color: var(--title-color); } .admin-block__table .row { padding: 10px; @@ -210,10 +240,49 @@ body { margin-top: 15px; } .order-stat span:first-child { - color: var(--text-color); + color: var(--common-text); font-weight: 400; - font-family: var(--font-family-header); + font-family: var(--common-font); } .order-stat span:last-child { - color: var(--h-color); + color: var(--title-color); } +.header-admin{ + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + background-color: var(--panel-background); +} + +.logo-admin{ + color: var(--title-color); + font-family: var(--title-font); + font-size: 20px; + font-weight: 700; +} + + +.input-admin input{ + background: var(--input-background); + border: 1px solid var(--input-border); + color: var(--input-text-color); + padding: 10px; + font-size: 16px; + border-radius: 10px; + box-sizing: border-box; +} + +.input-admin button{ + border: 1px solid var(--input-border); +} +.admin-container .title{ + text-align: start; + +} +.input-admin button{ + padding: 10px; + border-radius: 10px; +} + -- 2.34.1 From 871f656007c776c94ff33d0b8230349f0e4bfb46 Mon Sep 17 00:00:00 2001 From: David Katrinka Date: Tue, 17 Jun 2025 17:31:23 +0200 Subject: [PATCH 2/2] fixed admin widgets css --- apps/Admin/Templates/widgets/user_banlist.php | 2 +- assets/css/admin.css | 13 ++++++++++--- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/apps/Admin/Templates/widgets/user_banlist.php b/apps/Admin/Templates/widgets/user_banlist.php index 47c2504..5b1bb81 100644 --- a/apps/Admin/Templates/widgets/user_banlist.php +++ b/apps/Admin/Templates/widgets/user_banlist.php @@ -20,7 +20,7 @@
Show all - New ban + New ban
\ No newline at end of file diff --git a/assets/css/admin.css b/assets/css/admin.css index 56aca21..a70c87b 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -203,8 +203,9 @@ body { .admin-block { overflow: hidden; border-radius: 5px; - + border: 1px solid #015847; margin-bottom: 20px; + background: #f1fff2 } .admin-block__content { padding: 10px; @@ -212,9 +213,9 @@ body { .admin-block__title { font-size: 18px; font-family: var(--common-font); - + background-color: #015847; padding: 10px 10px; - color: var(--title-color); + color: #eaf8eb; } .admin-block__table .row { padding: 10px; @@ -286,3 +287,9 @@ body { border-radius: 10px; } +.admin-block__content .btn-control { + display: flex; + justify-content: space-between; + +} + -- 2.34.1