diff --git a/apps/Admin/Templates/components/admin-header.php b/apps/Admin/Templates/components/admin-header.php index 71bb505..82ce87d 100644 --- a/apps/Admin/Templates/components/admin-header.php +++ b/apps/Admin/Templates/components/admin-header.php @@ -36,7 +36,7 @@ $sidebar_links = [ <?php echo get_title_website($title); ?> - + @@ -56,7 +56,7 @@ $sidebar_links = [
-
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..5b1bb81 100644 --- a/apps/Admin/Templates/widgets/user_banlist.php +++ b/apps/Admin/Templates/widgets/user_banlist.php @@ -19,8 +19,8 @@
- Show all - New ban + Show all + New ban
\ No newline at end of file diff --git a/assets/css/admin.css b/assets/css/admin.css index ce5408b..a70c87b 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,18 +203,19 @@ body { .admin-block { overflow: hidden; border-radius: 5px; - border: 1px solid var(--block-background); + border: 1px solid #015847; margin-bottom: 20px; + background: #f1fff2 } .admin-block__content { padding: 10px; } .admin-block__title { font-size: 18px; - font-family: var(--font-family-header); - background: var(--block-background); + font-family: var(--common-font); + background-color: #015847; padding: 10px 10px; - color: var(--h-color); + color: #eaf8eb; } .admin-block__table .row { padding: 10px; @@ -210,10 +241,55 @@ 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; +} + +.admin-block__content .btn-control { + display: flex; + justify-content: space-between; + +} +