diff --git a/libs/mix-share/src/modules/database/database-detail/database-detail.component.html b/libs/mix-share/src/modules/database/database-detail/database-detail.component.html
index f95dfb10..211ad493 100644
--- a/libs/mix-share/src/modules/database/database-detail/database-detail.component.html
+++ b/libs/mix-share/src/modules/database/database-detail/database-detail.component.html
@@ -67,7 +67,7 @@
@defer(when activeTabIndex === 0) {
-
@@ -77,7 +77,7 @@
@defer(when activeTabIndex === 1) {
-
@@ -89,7 +89,7 @@
@defer(when activeTabIndex === 2) {
-
@defer(when activeTabIndex === 3) {
-
@@ -113,7 +113,7 @@
@defer(when activeTabIndex === 4) {
-
diff --git a/libs/mix-share/src/modules/layout/mix-layout.component.html b/libs/mix-share/src/modules/layout/mix-layout.component.html
index 8ff29d82..e15dbe22 100644
--- a/libs/mix-share/src/modules/layout/mix-layout.component.html
+++ b/libs/mix-share/src/modules/layout/mix-layout.component.html
@@ -8,12 +8,13 @@
max="100"
style="height: 3px">
+
-
diff --git a/libs/mix-share/src/modules/layout/mix-layout.component.scss b/libs/mix-share/src/modules/layout/mix-layout.component.scss
index 5f8ea48f..436f003b 100644
--- a/libs/mix-share/src/modules/layout/mix-layout.component.scss
+++ b/libs/mix-share/src/modules/layout/mix-layout.component.scss
@@ -19,6 +19,7 @@
#sidebar {
contain: strict;
+ background-color: #eaf0f3;
}
.shadow {
@@ -26,3 +27,25 @@
rgba(0, 0, 0, 0.06) -4px 4px 8px 0px;
}
}
+
+@media only screen and (max-width: 890px) {
+ .main-layout {
+ display: flex;
+ --sidebar-reserved-width: 100vw;
+
+ &.--collapse {
+ --sidebar-reserved-width: 0px;
+ }
+
+ #sidebar {
+ width: var(--sidebar-reserved-width);
+ contain: strict;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 5;
+ height: 100%;
+ transition: all 0.3s;
+ }
+ }
+}
diff --git a/libs/mix-share/src/modules/scheduler/schedulers/schedulers.component.html b/libs/mix-share/src/modules/scheduler/schedulers/schedulers.component.html
index 8cc4ea31..79c5963b 100644
--- a/libs/mix-share/src/modules/scheduler/schedulers/schedulers.component.html
+++ b/libs/mix-share/src/modules/scheduler/schedulers/schedulers.component.html
@@ -29,23 +29,23 @@
-
Job name
|
-
Job Type
|
-
Start At
|
-
End At
|
-
Action
|
@@ -54,12 +54,14 @@
-
{{ job.name }}
|
- {{ job.jobName | formatJobName }}
+
+ {{ job.jobName | formatJobName }}
+
|
|
diff --git a/libs/share-styles/src/styles/dialog.scss b/libs/share-styles/src/styles/dialog.scss
index 05199835..811e1585 100644
--- a/libs/share-styles/src/styles/dialog.scss
+++ b/libs/share-styles/src/styles/dialog.scss
@@ -104,3 +104,33 @@ ngneat-dialog {
}
}
}
+
+@media only screen and (max-width: 890px) {
+ .ngneat-dialog-backdrop {
+ padding: 0px !important;
+
+ .ngneat-dialog-content {
+ width: 100vw !important;
+ min-width: 100vw !important;
+ max-width: 100vw !important;
+ height: 100vh !important;
+ min-height: 100vh !important;
+ --dialog-content-border-radius: 0px !important;
+
+ .mix-dialog {
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ min-height: 100vh;
+
+ &__footer {
+ margin-top: auto;
+ }
+
+ &__content {
+ flex-grow: 1;
+ }
+ }
+ }
+ }
+}