juan.zapata/pdv.frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: logo

Browse Source
This commit is contained in:
Juan Felipe Zapata Moreno 2026-01-15 17:07:22 -06:00
parent b1d0f73e94
commit cd58a97f57
6 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Holos</title> <title>PDV</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

BIN
public/Logo-hk.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 245 KiB

After

Width:  |  Height:  |  Size: 44 KiB

6
src/components/Holos/Layout/Auth.vue
View File

@ -32,12 +32,12 @@ onMounted(() => {
<div class="relative z-10 flex flex-col items-center justify-center w-full px-12 text-white"> <div class="relative z-10 flex flex-col items-center justify-center w-full px-12 text-white">
<!-- Logo/Icono --> <!-- Logo/Icono -->
<div class="mb-8"> <div class="mb-8">
<Logo size="xl" class="text-lg inline-flex" /> <Logo size="xl" />
</div> </div>
<!-- Titulo --> <!-- Titulo -->
<h1 class="text-3xl font-bold text-center mb-4"> <h1 class="text-3xl font-bold text-center mb-4">
Portal Administrativo Punto de Venta
</h1> </h1>
<!-- Descripcion --> <!-- Descripcion -->
@ -55,7 +55,7 @@ onMounted(() => {
<!-- Logo mobile --> <!-- Logo mobile -->
<div class="lg:hidden flex justify-center mb-8"> <div class="lg:hidden flex justify-center mb-8">
<div class="w-16 h-16 bg-primary dark:bg-primary-d rounded-xl flex items-center justify-center"> <div class="w-16 h-16 bg-primary dark:bg-primary-d rounded-xl flex items-center justify-center">
<Logo class="scale-50" /> <Logo size="sm" />
</div> </div>
</div> </div>

23
src/components/Holos/Logo.vue
View File

@ -1,10 +1,30 @@
<script setup> <script setup>
import { computed } from 'vue';
import { hasToken } from '@Services/Api'; import { hasToken } from '@Services/Api';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
/** Definidores */ /** Definidores */
const router = useRouter(); const router = useRouter();
/** Props */
const props = defineProps({
size: {
type: String,
default: 'md' // sm, md, lg, xl
}
});
/** Computed */
const sizeClass = computed(() => {
const sizes = {
'sm': 'h-12',
'md': 'h-16',
'lg': 'h-20',
'xl': 'h-24'
};
return sizes[props.size] || sizes.md;
});
/** Métodos */ /** Métodos */
const home = () => { const home = () => {
if(hasToken()) { if(hasToken()) {
@ -14,11 +34,12 @@ const home = () => {
} }
} }
</script> </script>
<template> <template>
<div <div
class="flex w-full justify-center items-center space-x-2 cursor-pointer" class="flex w-full justify-center items-center space-x-2 cursor-pointer"
@click="home" @click="home"
> >
<img :src="'/public/Logo-hk.png'" class="h-16" /> <img :src="'/public/Logo-hk.png'" :class="sizeClass" />
</div> </div>
</template> </template>

5
src/pages/Auth/Login.vue
View File

@ -36,6 +36,9 @@ const login = () => {
defineCsrfToken(res.csrf) defineCsrfToken(res.csrf)
location.replace('/') location.replace('/')
}, },
onError: () => {
isLoading.value = false;
},
onFinish: () => { onFinish: () => {
isLoading.value = false; isLoading.value = false;
} }
@ -70,7 +73,7 @@ onMounted(() => {
<!-- Campo Email/Usuario --> <!-- Campo Email/Usuario -->
<div class="space-y-2"> <div class="space-y-2">
<label for="email" class="block text-xs font-semibold text-page-t/70 dark:text-page-dt/70 uppercase tracking-wider"> <label for="email" class="block text-xs font-semibold text-page-t/70 dark:text-page-dt/70 uppercase tracking-wider">
Usuario / ID Email / Usuario
</label> </label>
<div class="relative group"> <div class="relative group">
<div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none"> <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none">

2
src/pages/POS/Inventory/ImportModal.vue
View File

@ -156,7 +156,7 @@ const closeModal = () => {
<template> <template>
<div v-if="show" class="fixed inset-0 z-50 overflow-y-auto"> <div v-if="show" class="fixed inset-0 z-50 overflow-y-auto">
<!-- Overlay --> <!-- Overlay -->
<div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity" @click="closeModal"></div> <div class="fixed inset-0 bg-black/50 dark:bg-black/50 transition-opacity" @click="closeModal"></div>
<!-- Modal --> <!-- Modal -->
<div class="flex min-h-screen items-center justify-center p-4"> <div class="flex min-h-screen items-center justify-center p-4">