32 lines
662 B
Vue
32 lines
662 B
Vue
<script>
|
|
|
|
export default {
|
|
name: 'profileHeader',
|
|
data() {
|
|
return {
|
|
count: 0
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div id="wrapper" class="flex flex-row xl:flex-col items-center">
|
|
<div id="headerImages" class="flex flex-col items-center">
|
|
<img id="rankImg" src="../icons/misc/test.png" class="w-52" />
|
|
<img id="rangerTab" src="../icons/misc/test.png" class="w-32" />
|
|
</div>
|
|
<div id="mainInfo">
|
|
<h1>Big Name</h1>
|
|
<h2>Rank</h2>
|
|
<h2>Unit</h2>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
|
|
#mainInfo h1 {
|
|
margin: 20px 0 10px 0px;
|
|
}
|
|
</style> |