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