chg: [app:ui] More improvements

pull/9075/head
Sami Mokaddem 2023-03-24 17:00:07 +01:00
parent 02add76c64
commit cc3952a7c6
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
11 changed files with 31 additions and 32 deletions

View File

@ -52,7 +52,6 @@ foreach ($statistics['usage'] as $scope => $graphData) {
$pieChart
);
$statPie = $this->Bootstrap->card([
'bodyVariant' => 'secondary',
'bodyHTML' => $panelHtml,
'bodyClass' => 'py-1 px-2',
'class' => ['shadow-sm', 'h-100']

View File

@ -11,6 +11,6 @@ if (!empty($statistics['usage'])) {
'statistics' => $statistics,
]);
}
$statisticsHtml = sprintf('<div class="container-fluid"><div class="row gx-2">%s</div></div>', $statisticsHtml);
$statisticsHtml = sprintf('<div class="container-fluid px-0"><div class="row gx-2">%s</div></div>', $statisticsHtml);
echo sprintf('<div class="index-statistic-container">%s</div>', $statisticsHtml);
?>

View File

@ -87,7 +87,6 @@ $cardContent = sprintf(
);
$card = $this->Bootstrap->card([
'bodyVariant' => 'secondary',
'bodyHTML' => $cardContent,
'bodyClass' => 'py-1 px-2',
'class' => ['shadow-sm', 'h-100']

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #212121;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(20, 20, 20, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(17, 17, 17, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #222;
background-color: #f9fafb;
}

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #fafafa;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(150, 150, 150, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(125, 125, 125, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #fff;
background-color: #f9fafb;
}

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #fafafa;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(150, 150, 150, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(125, 125, 125, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #fff;
background-color: #f9fafb;
}

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #fafafa;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(150, 150, 150, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(125, 125, 125, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #fff;
background-color: #f9fafb;
}

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #666bbf;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(61, 64, 115, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(51, 54, 96, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,7 +722,7 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #686dc3;
background-color: #f9fafb;
}
.btn {

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #262a2f;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(23, 25, 28, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(19, 21, 24, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,7 +722,7 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #272b30;
background-color: #f9fafb;
}
.btn {

View File

@ -568,7 +568,7 @@
/* Body */
body {
background-color: #190932;
background-color: #f9fafb;
}
.panel {
@ -644,11 +644,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar-scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(15, 5, 30, 0.6);
background: rgba(149, 150, 151, 0.6);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
background: rgba(13, 5, 25, 0.6);
background: rgba(125, 125, 126, 0.6);
}
.sidebar ~ main.content:after {
@ -722,5 +722,5 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
/* Action bar */
.action-bar {
box-shadow: 0 0.15rem 0.3rem #00000026;
background-color: #1a0933;
background-color: #f9fafb;
}

View File

@ -13,7 +13,8 @@ $transition-collapse: height .35s cubic-bezier(0, 0.71, 0.58, 1);
$applicationColor: #2fa1db;
$bodyBg: shade-color($body-bg, 2%) !default;
$body-bg: #f9fafb;
$bodyBg: $body-bg;
$scrollbarWidth: 3px !default;
$scrollbarBgContainer: #ffffff00 !default;
$scrollbarBg: rgba(shade-color($bodyBg, 40%), 0.6) !default;