diff options
Diffstat (limited to 'front-end/src/components')
-rw-r--r-- | front-end/src/components/Login.vue | 1 | ||||
-rw-r--r-- | front-end/src/components/Login/UserPass.vue | 5 | ||||
-rw-r--r-- | front-end/src/components/global/ConfirmPrompt.vue | 13 | ||||
-rw-r--r-- | front-end/src/components/global/Dialog.vue | 12 | ||||
-rw-r--r-- | front-end/src/components/global/PasswordPrompt.vue | 12 |
5 files changed, 6 insertions, 37 deletions
diff --git a/front-end/src/components/Login.vue b/front-end/src/components/Login.vue index 7de86cb..eeda1ba 100644 --- a/front-end/src/components/Login.vue +++ b/front-end/src/components/Login.vue @@ -102,7 +102,6 @@ const logout = () => { } } - button.btn{ @apply w-full focus:ring-4 focus:outline-none font-medium rounded text-sm px-5 py-2.5 text-center; @apply text-white bg-blue-600 hover:bg-blue-700 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800; diff --git a/front-end/src/components/Login/UserPass.vue b/front-end/src/components/Login/UserPass.vue index b25a335..9d72d08 100644 --- a/front-end/src/components/Login/UserPass.vue +++ b/front-end/src/components/Login/UserPass.vue @@ -1,5 +1,5 @@ <script setup lang="ts"> -import { ref, shallowRef, reactive, defineAsyncComponent } from 'vue' +import { ref, shallowRef, reactive } from 'vue' import { useTimeoutFn, set } from '@vueuse/core' import { useVuelidate } from '@vuelidate/core' import { isEqual } from 'lodash-es' @@ -8,7 +8,8 @@ import { useVuelidateWrapper, useMfaLogin, totpMfaProcessor, IMfaFlowContinuiation, MfaMethod, apiCall, useMessage, useWait, debugLog, WebMessage } from '@vnuge/vnlib.browser' -const OptInput = defineAsyncComponent(() => import('../global/OtpInput.vue')) + +import OptInput from '../global/OtpInput.vue'//So small it does not need to be async const { setMessage } = useMessage(); const { waiting } = useWait(); diff --git a/front-end/src/components/global/ConfirmPrompt.vue b/front-end/src/components/global/ConfirmPrompt.vue index c8dc944..24d3b9c 100644 --- a/front-end/src/components/global/ConfirmPrompt.vue +++ b/front-end/src/components/global/ConfirmPrompt.vue @@ -22,7 +22,6 @@ onClickOutside(dialog, () => isRevealed.value ? cancel() : null) //Set message on reveal onReveal(m => message.value = defaultTo(m, {})); - </script> <template> <!-- Main modal --> @@ -52,14 +51,4 @@ onReveal(m => message.value = defaultTo(m, {})); </template> </Dialog> -</template> - -<style scoped lang="scss"> -.modal-entry{ - @apply hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full; -} - -.modal-content-container{ - @apply text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white; -} -</style>
\ No newline at end of file +</template>
\ No newline at end of file diff --git a/front-end/src/components/global/Dialog.vue b/front-end/src/components/global/Dialog.vue index 949e750..a27d5ee 100644 --- a/front-end/src/components/global/Dialog.vue +++ b/front-end/src/components/global/Dialog.vue @@ -48,14 +48,4 @@ onClickOutside(dialog, () => get(open) ? cancel() : noop()) </div> </div> </Dialog> -</template> - -<style scoped lang="scss"> -.modal-entry { - @apply hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full; -} - -.modal-content-container { - @apply text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white; -} -</style>
\ No newline at end of file +</template>
\ No newline at end of file diff --git a/front-end/src/components/global/PasswordPrompt.vue b/front-end/src/components/global/PasswordPrompt.vue index a9a5fca..d638c71 100644 --- a/front-end/src/components/global/PasswordPrompt.vue +++ b/front-end/src/components/global/PasswordPrompt.vue @@ -105,14 +105,4 @@ onReveal(m => message.value = defaultTo(m, {})); </template> </Dialog> -</template> - -<style scoped lang="scss"> -.modal-entry{ - @apply hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full; -} - -.modal-content-container{ - @apply text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white; -} -</style>
\ No newline at end of file +</template>
\ No newline at end of file |