diff --git a/aplicaciones/www/index.html b/aplicaciones/www/index.html index 330b3c4..3fb734f 100644 --- a/aplicaciones/www/index.html +++ b/aplicaciones/www/index.html @@ -8,6 +8,6 @@
- + diff --git a/aplicaciones/www/src/main.ts b/aplicaciones/www/src/aplicacion.ts similarity index 98% rename from aplicaciones/www/src/main.ts rename to aplicaciones/www/src/aplicacion.ts index 9ee4471..e1a661f 100644 --- a/aplicaciones/www/src/main.ts +++ b/aplicaciones/www/src/aplicacion.ts @@ -1,14 +1,10 @@ import './scss/estilos.scss'; - import { createApp } from 'vue'; import { createPinia } from 'pinia'; - import Aplicacion from './Aplicacion.vue'; import rutas from './rutas'; const app = createApp(Aplicacion); - app.use(createPinia()); app.use(rutas); - app.mount('#aplicacion'); diff --git a/aplicaciones/www/src/assets/base.css b/aplicaciones/www/src/assets/base.css deleted file mode 100644 index 8816868..0000000 --- a/aplicaciones/www/src/assets/base.css +++ /dev/null @@ -1,86 +0,0 @@ -/* color palette from */ -:root { - --vt-c-white: #ffffff; - --vt-c-white-soft: #f8f8f8; - --vt-c-white-mute: #f2f2f2; - - --vt-c-black: #181818; - --vt-c-black-soft: #222222; - --vt-c-black-mute: #282828; - - --vt-c-indigo: #2c3e50; - - --vt-c-divider-light-1: rgba(60, 60, 60, 0.29); - --vt-c-divider-light-2: rgba(60, 60, 60, 0.12); - --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65); - --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48); - - --vt-c-text-light-1: var(--vt-c-indigo); - --vt-c-text-light-2: rgba(60, 60, 60, 0.66); - --vt-c-text-dark-1: var(--vt-c-white); - --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); -} - -/* semantic color variables for this project */ -:root { - --color-background: var(--vt-c-white); - --color-background-soft: var(--vt-c-white-soft); - --color-background-mute: var(--vt-c-white-mute); - - --color-border: var(--vt-c-divider-light-2); - --color-border-hover: var(--vt-c-divider-light-1); - - --color-heading: var(--vt-c-text-light-1); - --color-text: var(--vt-c-text-light-1); - - --section-gap: 160px; -} - -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--vt-c-black); - --color-background-soft: var(--vt-c-black-soft); - --color-background-mute: var(--vt-c-black-mute); - - --color-border: var(--vt-c-divider-dark-2); - --color-border-hover: var(--vt-c-divider-dark-1); - - --color-heading: var(--vt-c-text-dark-1); - --color-text: var(--vt-c-text-dark-2); - } -} - -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - font-weight: normal; -} - -body { - min-height: 100vh; - color: var(--color-text); - background: var(--color-background); - transition: - color 0.5s, - background-color 0.5s; - line-height: 1.6; - font-family: - Inter, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - Oxygen, - Ubuntu, - Cantarell, - 'Fira Sans', - 'Droid Sans', - 'Helvetica Neue', - sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/aplicaciones/www/src/assets/logo.svg b/aplicaciones/www/src/assets/logo.svg deleted file mode 100644 index 7565660..0000000 --- a/aplicaciones/www/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/aplicaciones/www/src/assets/main.css b/aplicaciones/www/src/assets/main.css deleted file mode 100644 index 36fb845..0000000 --- a/aplicaciones/www/src/assets/main.css +++ /dev/null @@ -1,35 +0,0 @@ -@import './base.css'; - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-weight: normal; -} - -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; -} - -@media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } -} - -@media (min-width: 1024px) { - body { - display: flex; - place-items: center; - } - - #app { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 2rem; - } -} diff --git a/aplicaciones/www/src/components/ComponenteMapa.vue b/aplicaciones/www/src/componentes/ComponenteMapa.vue similarity index 100% rename from aplicaciones/www/src/components/ComponenteMapa.vue rename to aplicaciones/www/src/componentes/ComponenteMapa.vue diff --git a/aplicaciones/www/src/components/FichaColectivosAmbitos.vue b/aplicaciones/www/src/componentes/FichaColectivosAmbitos.vue similarity index 94% rename from aplicaciones/www/src/components/FichaColectivosAmbitos.vue rename to aplicaciones/www/src/componentes/FichaColectivosAmbitos.vue index 0bf9df4..2bd398c 100644 --- a/aplicaciones/www/src/components/FichaColectivosAmbitos.vue +++ b/aplicaciones/www/src/componentes/FichaColectivosAmbitos.vue @@ -2,14 +2,13 @@ import { Colectivo, Indicador } from '@/tipos/compartidos'; import { type Ref, ref, onMounted } from 'vue'; -defineProps<{ - id: number; -}>(); +defineProps<{ id: string }>(); const datosColectivos: Ref = ref([]); const datosIndicadores: Ref = ref([]); const infoColectivo: Ref = ref(); const indicador: Ref = ref(); +const contenedorFicha: Ref = ref(null); onMounted(async () => { try { @@ -45,7 +44,7 @@ function cerrarFicha() {