Просмотр исходного кода

feat(packages): replace q-banner with styled div for class duration hint in AddEditPackageDialog

ebagabee 1 неделя назад
Родитель
Сommit
6d892b4f1e
1 измененных файлов с 15 добавлено и 5 удалено
  1. 15 5
      src/pages/packages/components/AddEditPackageDialog.vue

+ 15 - 5
src/pages/packages/components/AddEditPackageDialog.vue

@@ -32,11 +32,6 @@
                   min="0"
                 />
 
-                <q-banner class="col-12 bg-blue-1 text-primary rounded-borders">
-                  A duração padrão das aulas é de 2 horas e pode ser alterada se
-                  necessário. É possível configurar no máximo dois dias.
-                </q-banner>
-
                 <DefaultInput
                   v-model="form.class_duration_hours"
                   label="Duração da Aula (horas)"
@@ -47,6 +42,11 @@
                   step="0.5"
                 />
 
+                <div class="col-12 package-duration-hint">
+                  A duração padrão das aulas é de 2 horas e pode ser alterada se
+                  necessário. É possível configurar no máximo dois dias.
+                </div>
+
                 <DefaultSelect
                   v-model="form.weekday"
                   label="1º Dia da Semana"
@@ -750,3 +750,13 @@ const onOKClick = async () => {
   }
 };
 </script>
+
+<style scoped>
+.package-duration-hint {
+  color: #757575;
+  font-size: 12px;
+  line-height: 1.35;
+  padding-top: 4px;
+  padding-bottom: 2px;
+}
+</style>