You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

preferences.vue 1.0KB

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div class="settings-fields">
  3. <PageHeader>
  4. <h2 class="title">
  5. <span class="icon"><font-awesome-icon icon="sliders-h" /></span>
  6. <span>Photo Preferences</span>
  7. </h2>
  8. <h3 class="subtitle">
  9. Default preferences for new photos.
  10. <AppTip tooltip="You can change these options individually in each photo." />
  11. </h3>
  12. </PageHeader>
  13. <div v-if="value$.preferences.mode === 3" class="notification notification--info">
  14. <span class="icon"><font-awesome-icon icon="exclamation-triangle" /></span>
  15. <span>Advanced mode is recommended only for experienced users. <a href="https://dreamtime.tech/docs/guide/custom-masks/" target="_blank">Click here to visit the guide</a>.</span>
  16. </div>
  17. <SettingsPreferences v-model="value$.preferences" />
  18. </div>
  19. </template>
  20. <script>
  21. import { VModel } from '~/mixins'
  22. export default {
  23. mixins: [VModel],
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. .title {
  28. @apply text-white text-lg font-bold mb-4 mt-0;
  29. }
  30. </style>