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" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Holos</title>
<title>PDV</title>
</head>
<body>
<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">
<!-- Logo/Icono -->
<div class="mb-8">
<Logo size="xl" class="text-lg inline-flex" />
<Logo size="xl" />
</div>
<!-- Titulo -->
<h1 class="text-3xl font-bold text-center mb-4">
Portal Administrativo
Punto de Venta
</h1>
<!-- Descripcion -->
@ -55,7 +55,7 @@ onMounted(() => {
<!-- Logo mobile -->
<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">
<Logo class="scale-50" />
<Logo size="sm" />
</div>
</div>

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

@ -1,10 +1,30 @@
<script setup>
import { computed } from 'vue';
import { hasToken } from '@Services/Api';
import { useRouter } from 'vue-router';
/** Definidores */
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 */
const home = () => {
if(hasToken()) {
@ -14,11 +34,12 @@ const home = () => {
}
}
</script>
<template>
<div
class="flex w-full justify-center items-center space-x-2 cursor-pointer"
@click="home"
>
<img :src="'/public/Logo-hk.png'" class="h-16" />
<img :src="'/public/Logo-hk.png'" :class="sizeClass" />
</div>
</template>

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

@ -36,6 +36,9 @@ const login = () => {
defineCsrfToken(res.csrf)
location.replace('/')
},
onError: () => {
isLoading.value = false;
},
onFinish: () => {
isLoading.value = false;
}
@ -70,7 +73,7 @@ onMounted(() => {
<!-- Campo Email/Usuario -->
<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">
Usuario / ID
Email / Usuario
</label>
<div class="relative group">
<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>
<div v-if="show" class="fixed inset-0 z-50 overflow-y-auto">
<!-- 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 -->
<div class="flex min-h-screen items-center justify-center p-4">