style(example): provider mobile layout

2020-09-10 22:31:40 +02:00
parent cb433146fc
commit 801f773e9a
1 changed files with 13 additions and 4 deletions
@@ -1,14 +1,12 @@
 .providerflow {
+  flex-direction: column;
  display: flex;
  height: 100%;
 }

 .providerflow aside {
-  width: 20%;
-  max-width: 250px;
-  flex-grow: 1;
  border-right: 1px solid #eee;
-  padding: 10px;
+  padding: 15px 10px;
  font-size: 12px;
  background: #fcfcfc;
 }
@@ -33,4 +31,15 @@

 .providerflow .selectall {
  margin-top: 10px;
+}
+
+@media screen and (min-width: 768px) {
+  .providerflow {
+    flex-direction: row;
+  }
+
+  .providerflow aside {
+    width: 20%;
+    max-width: 250px;
+  }
 }