Formatting

This commit is contained in:
ekzyis 2023-11-08 03:43:17 +01:00
parent 0230182ef5
commit 0ed27167f7
3 changed files with 17 additions and 10 deletions

View File

@ -1,15 +1,15 @@
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<router-link v-if="success" to="/" class="label success font-mono"> <router-link v-if="success" to="/" class="label success font-mono">
<div>Authenticated</div> <div>Authenticated</div>
<small>Redirecting in {{ redirectTimeout }} ...</small> <small>Redirecting in {{ redirectTimeout }} ...</small>
</router-link> </router-link>
<div class="font-mono my-3"> <div class="font-mono my-3">
LNURL-auth LNURL-auth
</div> </div>
<div v-if="error" class="label error font-mono"> <div v-if="error" class="label error font-mono">
<div>Authentication error</div> <div>Authentication error</div>
<small>{{ error }}</small> <small>{{ error }}</small>
</div> </div>
<figure v-if="lnurl && qr" class="flex flex-col m-auto"> <figure v-if="lnurl && qr" class="flex flex-col m-auto">
<a class="m-auto" :href="'lightning:' + lnurl"> <a class="m-auto" :href="'lightning:' + lnurl">
@ -100,30 +100,37 @@ img {
width: 256px; width: 256px;
height: auto; height: auto;
} }
figcaption { figcaption {
margin: 0.75em auto; margin: 0.75em auto;
width: 256px; width: 256px;
} }
.label { .label {
width: fit-content; width: fit-content;
margin: 1em auto; margin: 1em auto;
padding: 0.5em 3em; padding: 0.5em 3em;
cursor: pointer; cursor: pointer;
} }
.label:hover { .label:hover {
color: white; color: white;
} }
.success { .success {
background-color: rgba(20,158,97,.24); background-color: rgba(20, 158, 97, .24);
color: #35df8d; color: #35df8d;
} }
.success:hover { .success:hover {
background-color: #35df8d; background-color: #35df8d;
} }
.error { .error {
background-color: rgba(245,57,94,.24); background-color: rgba(245, 57, 94, .24);
color: #ff7386; color: #ff7386;
} }
.error:hover { .error:hover {
background-color: #ff7386; background-color: #ff7386;
} }

View File

@ -1,7 +1,7 @@
<template> <template>
<!-- eslint-disable --> <!-- eslint-disable -->
<div class="my-3"> <div class="my-3">
<pre> <pre>
_ _ _ _ _ _ _ _
__| | ___| |_ __ | |__ (_) __| | ___| |_ __ | |__ (_)
/ _` |/ _ \ | '_ \| '_ \| | / _` |/ _ \ | '_ \| '_ \| |

View File

@ -10,7 +10,7 @@
</div> </div>
<!-- eslint-enable --> <!-- eslint-enable -->
<div v-if="session.pubkey"> <div v-if="session.pubkey">
<div>authenticated as {{ session.pubkey.slice(0,8) }}</div> <div>authenticated as {{ session.pubkey.slice(0, 8) }}</div>
<button class="my-3" @click="logout">logout</button> <button class="my-3" @click="logout">logout</button>
</div> </div>
</template> </template>