open in a new tab

This commit is contained in:
2024-05-28 12:53:13 +02:00
parent 1e57e7c33e
commit 0a82fca6d3
2 changed files with 10 additions and 10 deletions

View File

@@ -1,5 +1,5 @@
import log from "loglevel"; import log from "loglevel";
import { Log, User, UserManager } from "oidc-client-ts"; import { Log, User, UserManager, WebStorageStateStore } from "oidc-client-ts";
import { defineStore } from "pinia"; import { defineStore } from "pinia";
import { computed, ref } from "vue"; import { computed, ref } from "vue";
@@ -11,7 +11,9 @@ export const useAuthStore = defineStore('auth', () => {
client_id: import.meta.env.VITE_AUTH_CLIENT_ID, client_id: import.meta.env.VITE_AUTH_CLIENT_ID,
client_secret: import.meta.env.VITE_AUTH_CLIENT_SECRET, client_secret: import.meta.env.VITE_AUTH_CLIENT_SECRET,
redirect_uri: import.meta.env.VITE_AUTH_REDIRECT_URI, redirect_uri: import.meta.env.VITE_AUTH_REDIRECT_URI,
scope: import.meta.env.VITE_AUTH_SCOPE scope: import.meta.env.VITE_AUTH_SCOPE,
stateStore: new WebStorageStateStore({ store: window.localStorage }),
userStore: new WebStorageStateStore({ store: window.localStorage })
}); });
const user = ref<User>(); const user = ref<User>();

View File

@@ -17,14 +17,12 @@ withDefaults(defineProps<Props>(), {
</script> </script>
<template> <template>
<div v-if="id || name"> <div v-if="id || name" class="flex flex-row">
<img v-if="id" :src="`https://images.evetech.net/types/${id}/icon?size=32`" class="inline-block w-5 h-5 me-1" alt="" /> <img v-if="id" :src="`https://images.evetech.net/types/${id}/icon?size=32`" class="inline-block w-5 h-5 me-1 mt-1" alt="" />
<template v-if="name"> <template v-if="name">
{{ name }} {{ name }}
<RouterLink v-if="id" :to="{ name: 'market-types', params: { type: id } }" custom #default="{ navigate }"> <RouterLink v-if="id" :to="{ name: 'market-types', params: { type: id } }" class="button btn-icon ms-1 me-1 mt-1" title="Show item info">
<button class="btn-icon me-1" title="Show item info" @click="navigate">
<InformationCircleIcon /> <InformationCircleIcon />
</button>
</RouterLink> </RouterLink>
<ClipboardButton v-if="!hideCopy" :value="name" /> <ClipboardButton v-if="!hideCopy" :value="name" />
</template> </template>
@@ -32,7 +30,7 @@ withDefaults(defineProps<Props>(), {
</template> </template>
<style scoped lang="postcss"> <style scoped lang="postcss">
button:deep(>svg) { button:deep(>svg), .button:deep(>svg) {
@apply relative top-0.5 !w-4 !h-4; @apply !w-4 !h-4;
} }
</style> </style>