diff --git a/src/assets/css/components/_voice-recorder.scss b/src/assets/css/components/_voice-recorder.scss
index 352e59c..825b3f1 100644
--- a/src/assets/css/components/_voice-recorder.scss
+++ b/src/assets/css/components/_voice-recorder.scss
@@ -17,14 +17,21 @@
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
-.voice-recorder-btn {
- padding: 30px;
- background-color: $voice-recorder-color;
- &.recording {
- background-color: $voice-recording-color;
+.voice-recorder {
+ .v-btn {
+ background-color: black;
+ color: white;
}
- &.recorded {
- background-color: $voice-recorded-color;
+
+ .voice-recorder-btn {
+ background-color: $voice-recorder-color;
+
+ &.recording {
+ background-color: $voice-recording-color;
+ }
+ &.recorded {
+ background-color: $voice-recorded-color;
+ }
}
-}
+}
\ No newline at end of file
diff --git a/src/components/VoiceRecorder.vue b/src/components/VoiceRecorder.vue
index c42581d..e252308 100644
--- a/src/components/VoiceRecorder.vue
+++ b/src/components/VoiceRecorder.vue
@@ -9,10 +9,10 @@
- undo
+ undo
- $vuetify.icons.audio_import
+ $vuetify.icons.audio_import
- $vuetify.icons.audio_import_play
+ $vuetify.icons.audio_import_play
- pause
+ pause
@@ -36,6 +36,7 @@
icon
class="voice-recorder-btn recording"
@click.stop="pauseRecording"
+ size="60"
>
stop
@@ -46,6 +47,7 @@
icon
:disabled="!recordedFile"
@click.stop="send"
+ size="60"
>
arrow_upward
@@ -55,13 +57,14 @@
class="voice-recorder-btn"
icon
@click.stop="startRecording"
+ size="60"
>
- fiber_manual_record
+ fiber_manual_record
- close
+ close
diff --git a/src/components/createRoomMixin.js b/src/components/createRoomMixin.js
index 7d4bf44..38b616e 100644
--- a/src/components/createRoomMixin.js
+++ b/src/components/createRoomMixin.js
@@ -31,6 +31,7 @@ export default {
//autofocus: true,
variant: "solo",
required: true,
+ class: "text-left"
};
},
roomNameInputListeners() {
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 4ba4e1c..938e670 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -61,6 +61,13 @@ export default {
customProperties: true,
},
dark: false,
+ themes: {
+ light: {
+ colors: {
+ error: "#ff5252",
+ }
+ },
+ },
},
};
const vuetify = createVuetify(options);
diff --git a/src/services/analytics.service.js b/src/services/analytics.service.js
index ec058ec..060a2b7 100644
--- a/src/services/analytics.service.js
+++ b/src/services/analytics.service.js
@@ -1,67 +1,64 @@
-import cleaninsights from './cleaninsights.service'
-import matomo from './matomo.service'
+import cleaninsights from "./cleaninsights.service";
+import matomo from "./matomo.service";
export default {
- install(app) {
- const analyticsService = ({
- data() {
- return {
- engines: [],
- cachedEvents: [],
- initialized: false
- }
- },
- created() {
- this.$config.promise.then((config) => {
- var analytics = config.analytics || {};
- if (!Array.isArray(analytics)) {
- analytics = [analytics];
- }
- for (const engineConfig of analytics) {
- if (engineConfig.enabled) {
- let type = engineConfig.type || "ci";
- switch (type) {
- case "ci":
- {
- let engine = cleaninsights.install(Vue, engineConfig.config);
- this.engines.push(engine);
- }
- break;
- case "matomo":
- {
- let engine = matomo.install(Vue, engineConfig.config);
- this.engines.push(engine);
- }
- break;
- }
- }
- }
+ install(app) {
+ class AnalyticsServiceClass {
+ constructor() {
+ this.engines = [];
+ this.cachedEvents = [];
+ this.initialized = false;
- this.initialized = true;
-
- // Handle cached events
- this.cachedEvents.forEach(([category, action]) => {
- this.event(category, action);
- })
- this.cachedEvents = [];
- });
- },
- methods: {
- event(category, action) {
- if (!this.initialized) {
- this.cachedEvents.push([category, action]);
- return
- }
-
- // Send the event to each configured analytics engine.
- this.engines.forEach((engine) => {
- engine.event(category, action);
- });
- }
+ app.$config.promise.then((config) => {
+ var analytics = config.analytics || {};
+ if (!Array.isArray(analytics)) {
+ analytics = [analytics];
+ }
+ for (const engineConfig of analytics) {
+ if (engineConfig.enabled) {
+ let type = engineConfig.type || "ci";
+ switch (type) {
+ case "ci":
+ {
+ let engine = cleaninsights.install(Vue, engineConfig.config);
+ this.engines.push(engine);
+ }
+ break;
+ case "matomo":
+ {
+ let engine = matomo.install(Vue, engineConfig.config);
+ this.engines.push(engine);
+ }
+ break;
+ }
}
- });
+ }
- app.$analytics = analyticsService;
- app.config.globalProperties.$analytics = analyticsService;
+ this.initialized = true;
+
+ // Handle cached events
+ this.cachedEvents.forEach(([category, action]) => {
+ this.event(category, action);
+ });
+ this.cachedEvents = [];
+ });
+ }
+
+ event(category, action) {
+ if (!this.initialized) {
+ this.cachedEvents.push([category, action]);
+ return;
+ }
+
+ // Send the event to each configured analytics engine.
+ this.engines.forEach((engine) => {
+ engine.event(category, action);
+ });
+ }
}
-}
+
+ const analyticsService = new AnalyticsServiceClass();
+ app.$analytics = analyticsService;
+ app.config.globalProperties.$analytics = analyticsService;
+ },
+};
diff --git a/src/services/matrix.vue b/src/services/matrix.vue
deleted file mode 100644
index 92a7334..0000000
--- a/src/services/matrix.vue
+++ /dev/null
@@ -1,1281 +0,0 @@
-Hey
-
-
-
-
\ No newline at end of file