settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

startpage

Browse Source
This commit is contained in:
Settel 2021-07-30 17:24:44 +02:00
parent a970bf31d0
commit b99b8d0726
2 changed files with 50 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/layouts/default.vue
View File

@ -8,6 +8,8 @@
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
background-color: #402080;

45
client/pages/index.vue
View File

@ -1,9 +1,15 @@
<template>
<div class="page-index">
<div class="page-index__titlebox">
<div class="page-index__titleborderbox2" />
<div class="page-index__titleborderbox3" />
<div class="page-index__titleborderbox1">
<h1 class="page-index__title">
Know Your Teammates!
</h1>
</div>
</div>
</div>
</template>
<script>
@ -12,6 +18,45 @@ export default {}
<style lang="scss">
.page-index {
&__titlebox {
position: relative;
top: 120px;
left: 0;
display: flex;
justify-content: center;
}
&__titleborderbox1 {
display: flex;
width: 50%;
height: 200px;
min-width: 600px;
justify-content: center;
align-items: center;
border: 4px solid #808040;
border-radius: 16px;
background-color: #6040c0;
z-index: 3;
}
&__titleborderbox2 {
position: absolute;
top: 40px;
width: 60%;
height: 120px;
border-radius: 16px;
border: 4px solid #808040;
background-color: #6040c0;
z-index: 2;
}
&__titleborderbox3 {
position: absolute;
top: 80px;
width: 65%;
height: 40px;
border-radius: 16px;
border: 4px solid #808040;
background-color: #6040c0;
z-index: 1;
}
&__title {
color: #e0e080;
}