Formatting
This commit is contained in:
parent
0230182ef5
commit
0ed27167f7
@ -1,15 +1,15 @@
|
||||
<template>
|
||||
<div class="flex flex-col">
|
||||
<router-link v-if="success" to="/" class="label success font-mono">
|
||||
<div>Authenticated</div>
|
||||
<small>Redirecting in {{ redirectTimeout }} ...</small>
|
||||
<div>Authenticated</div>
|
||||
<small>Redirecting in {{ redirectTimeout }} ...</small>
|
||||
</router-link>
|
||||
<div class="font-mono my-3">
|
||||
LNURL-auth
|
||||
</div>
|
||||
<div v-if="error" class="label error font-mono">
|
||||
<div>Authentication error</div>
|
||||
<small>{{ error }}</small>
|
||||
<small>{{ error }}</small>
|
||||
</div>
|
||||
<figure v-if="lnurl && qr" class="flex flex-col m-auto">
|
||||
<a class="m-auto" :href="'lightning:' + lnurl">
|
||||
@ -100,30 +100,37 @@ img {
|
||||
width: 256px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
margin: 0.75em auto;
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: fit-content;
|
||||
margin: 1em auto;
|
||||
padding: 0.5em 3em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.label:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.success {
|
||||
background-color: rgba(20,158,97,.24);
|
||||
background-color: rgba(20, 158, 97, .24);
|
||||
color: #35df8d;
|
||||
}
|
||||
|
||||
.success:hover {
|
||||
background-color: #35df8d;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: rgba(245,57,94,.24);
|
||||
color: #ff7386;
|
||||
background-color: rgba(245, 57, 94, .24);
|
||||
color: #ff7386;
|
||||
}
|
||||
|
||||
.error:hover {
|
||||
background-color: #ff7386;
|
||||
}
|
||||
|
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<!-- eslint-disable -->
|
||||
<div class="my-3">
|
||||
<pre>
|
||||
<!-- eslint-disable -->
|
||||
<div class="my-3">
|
||||
<pre>
|
||||
_ _ _ _
|
||||
__| | ___| |_ __ | |__ (_)
|
||||
/ _` |/ _ \ | '_ \| '_ \| |
|
||||
|
@ -10,7 +10,7 @@
|
||||
</div>
|
||||
<!-- eslint-enable -->
|
||||
<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>
|
||||
</div>
|
||||
</template>
|
||||
|
Loading…
x
Reference in New Issue
Block a user