Added green for playing local media, and padding every 16 buttons

jmkao · Dec 29, 2020 · 3de3e31 · 3de3e31
1 parent b453b0f
commit 3de3e31
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/components/SceneButton.vue b/src/components/SceneButton.vue
@@ -8,6 +8,18 @@
 .quarter {
   width: 25% !important;
 }
+.quarter:nth-child(16n+17) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+18) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+19) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+20) {
+  padding-top: 24px;
+}
 
 .full-width {
   height: 80px;

diff --git a/src/components/SourceButton.vue b/src/components/SourceButton.vue
@@ -16,6 +16,19 @@
 }
 .quarter {
   width: 25% !important;
+
+}
+.quarter:nth-child(16n+17) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+18) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+19) {
+  padding-top: 24px;
+}
+.quarter:nth-child(16n+20) {
+  padding-top: 24px;
 }
 
 .full-width {