diff --git a/src/main/angular/src/app/pages/dashboard/dashboard.component.html b/src/main/angular/src/app/pages/dashboard/dashboard.component.html index 4d10e80..d286322 100644 --- a/src/main/angular/src/app/pages/dashboard/dashboard.component.html +++ b/src/main/angular/src/app/pages/dashboard/dashboard.component.html @@ -1,11 +1,11 @@ -
+
-
+
-
+
diff --git a/src/main/angular/src/common.less b/src/main/angular/src/common.less index f1f2b56..b768653 100644 --- a/src/main/angular/src/common.less +++ b/src/main/angular/src/common.less @@ -1,2 +1,2 @@ @import "states"; -@import "widths"; +@import "tile"; diff --git a/src/main/angular/src/tile.less b/src/main/angular/src/tile.less new file mode 100644 index 0000000..7946f53 --- /dev/null +++ b/src/main/angular/src/tile.less @@ -0,0 +1,32 @@ +@import "config"; + +.tile { + float: left; + width: 100%; + padding: calc(@space / 2); +} + +@media (min-width: 1000px) { + + .tile { + width: 33.33%; + min-height: 400px; + } + +} + +@media (min-width: 1500px) { + + .tile { + width: 25%; + } + +} + +@media (min-width: 2000px) { + + .tile { + width: 20%; + } + +} diff --git a/src/main/angular/src/widths.less b/src/main/angular/src/widths.less deleted file mode 100644 index 884245d..0000000 --- a/src/main/angular/src/widths.less +++ /dev/null @@ -1,45 +0,0 @@ -@import "config"; - -.width100 { - float: left; - width: 100%; - padding: calc(@space / 2); -} - -.width50 { - float: left; - width: 50%; - padding: calc(@space / 2); -} - -.width50:nth-child(2n) { - padding-left: calc(@space / 2); -} - -.width50:nth-child(2n+1) { - padding-right: calc(@space / 2); -} - -@media (min-width: 1000px) { - - .width100 { - width: 33.33%; - } - -} - -@media (min-width: 1500px) { - - .width100 { - width: 25%; - } - -} - -@media (min-width: 2000px) { - - .width100 { - width: 20%; - } - -}