UI优化

frontend/src/main.js

@@ -76,7 +76,7 @@ const router = new VueRouter({
         {path: 'help', name: 'help', component: Help}
       ]
     },
-    {path: '/room/test', name: 'test_room', component: Room},
+    {path: '/room/test', name: 'test_room', component: Room, props: route => ({strConfig: route.query})},
     {
       path: '/room/:roomId',
       name: 'room',

frontend/src/views/StyleGenerator/index.vue

@@ -26,11 +26,11 @@
 
     <el-col :sm="24" :md="8">
       <div :style="{position: 'relative', top: `${exampleTop}px`}">
-        <el-form inline style="height: 40px">
-          <el-form-item :label="$t('stylegen.playAnimation')">
+        <el-form inline style="line-height: 40px">
+          <el-form-item :label="$t('stylegen.playAnimation')" style="margin: 0">
             <el-switch v-model="playAnimation" @change="onPlayAnimationChange"></el-switch>
           </el-form-item>
-          <el-form-item :label="$t('stylegen.backgrounds')" style="margin-left: 20px">
+          <el-form-item :label="$t('stylegen.backgrounds')" style="margin: 0 0 0 30px">
             <el-switch v-model="exampleBgLight" :active-text="$t('stylegen.light')" :inactive-text="$t('stylegen.dark')"></el-switch>
           </el-form-item>
         </el-form>