feat: images?

qin-guan · Jul 21, 2023 · 51584e5 · 51584e5
1 parent 5245016
commit 51584e5
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 18 deletions.
diff --git a/pages/s/[id]/analytics.vue b/pages/s/[id]/analytics.vue
@@ -77,18 +77,12 @@ useSeoMeta({
  </div>
  </Dialog>
 
- <Skeleton v-if="surveyPending" height="45px" />
- <div
- v-else-if="survey"
- >
- <div class="w-[135px]">
- <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
- </div>
+ <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
-  <h1 v-if="survey" mt8 text-xl font-bold>
-  Responses for {{ survey.title }}
- </h1>
- </div>
+ <Skeleton v-if="surveyPending" height="45px" />
+ <h1 v-else-if="survey" mt8 text-xl font-bold>
+ Responses for {{ survey.title }}
+ </h1>
 
  <Skeleton v-if="surveyPending || responsesPending" height="500px" />
  <DashboardError v-else-if="responsesError" v-bind="responsesError" />

diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
@@ -109,9 +109,7 @@ async function submit() {
  <DashboardError v-if="surveyError" v-bind="surveyError" />
  <template v-else-if="survey">
  <div mx-auto max-w-3xl container>
- <div class="w-[135px]">
- <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
- </div>
+ <NuxtImg preload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
  <div mt10>
  <h1 text-5xl font-bold>
@@ -195,6 +193,12 @@ async function submit() {
  </div>
  </ClientOnly>
  </form>
+
+ <br>
+
+ <small>
+ Never submit passwords. Your responses are saved on your device until you press "Submit".
+ </small>
  </div>
  </template>
  </main>

diff --git a/pages/thanks.vue b/pages/thanks.vue
@@ -106,9 +106,7 @@ async function create() {
 <template>
  <div p-6 lg:px-30>
  <main flex flex-col gap10>
- <div class="w-[135px]">
- <NuxtImg preload width="135px" densities="x1 x2 x3" quality="100" src="/images/logo.webp" />
- </div>
+ <NuxtImg peload height="135" alt="World Skills ASEAN" densities="x1 x2 x3" src="/images/logo.webp" />
 
  <section>
  <Skeleton v-if="surveyPending" height="200px" />

diff --git a/plugins/primevue.ts b/plugins/primevue.ts
@@ -1,11 +1,20 @@
+// @unocss-include
+
 import PrimeVue from 'primevue/config'
 import Tooltip from 'primevue/tooltip'
 import FocusTrap from 'primevue/focustrap'
 import ToastService from 'primevue/toastservice'
 import ConfirmationService from 'primevue/confirmationservice'
 
 export default defineNuxtPlugin((nuxtApp) => {
- nuxtApp.vueApp.use(PrimeVue, { ripple: false })
+ nuxtApp.vueApp.use(PrimeVue, {
+ ripple: false,
+ pt: {
+ button: {
+ root: { class: 'py2! px3!' },
+ },
+ },
+ })
  nuxtApp.vueApp.use(ToastService)
  nuxtApp.vueApp.use(ConfirmationService)