Bladeren bron

Improved is-primary button design

theflametrooper 8 jaren geleden
bovenliggende
commit
d6d83ec716
3 gewijzigde bestanden met toevoegingen van 16 en 14 verwijderingen
  1. 1 1
      frontend/App.vue
  2. 11 13
      frontend/components/pages/Home.vue
  3. 4 0
      frontend/theme.scss

+ 1 - 1
frontend/App.vue

@@ -132,4 +132,4 @@
 		},
 		components: { Toast, WhatIsNew, LoginModal, RegisterModal, CreateCommunityStation }
 	}
-</script>
+</script>

+ 11 - 13
frontend/components/pages/Home.vue

@@ -78,19 +78,18 @@
 						else _this.stations.community.push(station);
 					});
 				});
-				_this.socket.emit("apis.joinRoom", 'home', () => {
-					_this.socket.on('event:stations.created', station => {
-						console.log("CREATED!!!", station);
-						if (!station.currentSong) station.currentSong = {thumbnail: '/assets/notes.png'};
-						if (station.privacy !== 'public') {
-							station.class = {'station-red': true}
-						} else if (station.type === 'community') {
-							if (station.owner === userId) {
-								station.class = {'station-blue': true}
-							}
+				_this.socket.emit("apis.joinRoom", 'home', () => {});
+				_this.socket.on('event:stations.created', station => {
+					console.log("CREATED!!!", station);
+					if (!station.currentSong) station.currentSong = {thumbnail: '/assets/notes.png'};
+					if (station.privacy !== 'public') {
+						station.class = {'station-red': true}
+					} else if (station.type === 'community') {
+						if (station.owner === userId) {
+							station.class = {'station-blue': true}
 						}
-						_this.stations[station.type].push(station);
-					});
+					}
+					_this.stations[station.type].push(station);
 				});
 			});
 		},
@@ -104,7 +103,6 @@
 </script>
 
 <style lang="scss">
-
 	@import 'theme.scss';
 
 	* { box-sizing: border-box; }

+ 4 - 0
frontend/theme.scss

@@ -1,4 +1,8 @@
 // Change any Bulma default variables here
 $blue: #03A9F4;
 
+.is-primary {
+	background-color: $blue !important;
+}
+
 @import '~bulma';