feat: style

Author: fiftin

web/src/App.vue

@@ -758,10 +758,11 @@
 
 .v-input {
   .v-input__slot fieldset {
-    //border-radius: 8px;
-    //border: 0;
+    border-radius: 8px;
+    //border: 1px;
     //border-color: rgba(133, 133, 133, 0.3);
-    //background-color: rgba(133, 133, 133, 0.05);
+    border-color: rgba(133, 133, 133, 0.4);
+    background-color: rgba(133, 133, 133, 0.04);
   }
 
   .v-label--active {
@@ -773,6 +774,13 @@
     //color: black;
     //font-weight: 500;
   }
+
+  &.primary--text {
+    .v-input__slot fieldset {
+      border-color: #2196f3;
+    }
+  }
+
 }
 
 @import '~vuetify/src/styles/styles.sass';

web/src/components/ArgsPicker.vue

@@ -56,14 +56,11 @@
       </v-card>
     </v-dialog>
     <fieldset style="padding: 0 10px 2px 10px;
-                     border: 1px solid rgba(0, 0, 0, 0.38);
-                     border-radius: 4px;
+                     border: 1px solid rgba(133, 133, 133, 0.4);
+                     background-color: rgba(133, 133, 133, 0.04);
+                     border-radius: 8px;
                      font-size: 12px;"
-              :style="{
-                       'border-color': $vuetify.theme.dark ?
-                         'rgba(200, 200, 200, 0.38)' :
-                         'rgba(0, 0, 0, 0.38)'
-                     }">
+    >
       <legend style="padding: 0 3px;">{{ title || $t('Args') }}</legend>
       <v-chip-group column style="margin-top: -4px;">
         <v-chip

web/src/components/SurveyVars.vue

@@ -147,14 +147,11 @@
       </v-card>
     </v-dialog>
     <fieldset style="padding: 0 10px 2px 10px;
-                     border: 1px solid rgba(0, 0, 0, 0.38);
-                     border-radius: 4px;
+                     border: 1px solid rgba(133, 133, 133, 0.4);
+                     background-color: rgba(133, 133, 133, 0.04);
+                     border-radius: 8px;
                      font-size: 12px;"
-              :style="{
-                       'border-color': $vuetify.theme.dark ?
-                         'rgba(200, 200, 200, 0.38)' :
-                         'rgba(0, 0, 0, 0.38)'
-                     }">
+    >
       <legend style="padding: 0 3px;">{{ $t('surveyVariables') }}</legend>
       <v-chip-group column style="margin-top: -4px;">
         <v-chip