Fix mobile layout for /login
This commit is contained in:
		
							parent
							
								
									0c7f7be359
								
							
						
					
					
						commit
						05e89ccbf2
					
				@ -59,7 +59,25 @@ ul {
 | 
			
		||||
  box-sizing:         border-box;
 | 
			
		||||
  margin: 1em auto;
 | 
			
		||||
  padding: 0 1em;
 | 
			
		||||
  max-width: 60rem;
 | 
			
		||||
  max-width: 100vw;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 640px) {
 | 
			
		||||
  .container {
 | 
			
		||||
    max-width: 100vw;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 768px) {
 | 
			
		||||
  .container {
 | 
			
		||||
    max-width: 80vw;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 1024px) {
 | 
			
		||||
  .container {
 | 
			
		||||
    max-width: 30vw;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.flex {
 | 
			
		||||
 | 
			
		||||
@ -36,7 +36,7 @@
 | 
			
		||||
      </code>
 | 
			
		||||
      <div id="lnauth-qr">
 | 
			
		||||
        <div class="mb-1">Login with Lightning</div>
 | 
			
		||||
        <img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="33%"/>
 | 
			
		||||
        <img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="100%"/>
 | 
			
		||||
        <div class="font-mono word-wrap">{{.lnurl}}</div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div id="lnauth-success" hidden>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user