30 lines
		
	
	
		
			472 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
		
		
			
		
	
	
			30 lines
		
	
	
		
			472 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| 
								 | 
							
								<template>
							 | 
						||
| 
								 | 
							
								  <div class="auth-layout">
							 | 
						||
| 
								 | 
							
								    <main class="auth-main">
							 | 
						||
| 
								 | 
							
								      <slot />
							 | 
						||
| 
								 | 
							
								    </main>
							 | 
						||
| 
								 | 
							
								  </div>
							 | 
						||
| 
								 | 
							
								</template>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<script setup lang="ts">
							 | 
						||
| 
								 | 
							
								// 인증 페이지용 레이아웃 - 헤더와 푸터 없음
							 | 
						||
| 
								 | 
							
								</script>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<style scoped>
							 | 
						||
| 
								 | 
							
								.auth-layout {
							 | 
						||
| 
								 | 
							
								  min-height: 100vh;
							 | 
						||
| 
								 | 
							
								  background: #f8f9fa;
							 | 
						||
| 
								 | 
							
								  display: flex;
							 | 
						||
| 
								 | 
							
								  flex-direction: column;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.auth-main {
							 | 
						||
| 
								 | 
							
								  flex: 1;
							 | 
						||
| 
								 | 
							
								  display: flex;
							 | 
						||
| 
								 | 
							
								  align-items: center;
							 | 
						||
| 
								 | 
							
								  justify-content: center;
							 | 
						||
| 
								 | 
							
								  min-height: 100vh;
							 | 
						||
| 
								 | 
							
								  padding: 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								</style>
							 |