
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="header">
<div class="b1400">
<div class="login">
<i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
<router-link to="/Login.page"><input type="button" value="로그인" name="" id="input"></router-link>
</div>
<div class="join">
<i class="fa-solid fa-user-plus fa-lg" style="color: #ffffff;"></i>
<router-link to="/Join.page"><input type="button" value="회원가입" name="" id="input"></router-link>
</div>
<Menu class="menu" :isActive="isActive"></Menu>
</div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
watch: {
},
computed: {
},
mounted() {
console.log('Header mounted');
}
}
</script>
<style scoped>
.header {
width: 100%;
/* height: 40px; */
display: flex;
justify-content: flex-end;
padding: 0.5rem;
float: right;
background-color: #3f87f7;
/* border: 1px solid red; */
}
#input {
border: 0;
background-color: rgba(240, 248, 255, 0);
cursor: pointer;
color: white;
}
</style>