Commit 67cb88d3 authored by Elouan Le Bars's avatar Elouan Le Bars

fixup! [ADD] About component

parent 1e4e59ca
......@@ -9,16 +9,16 @@
font-family: Roboto;
}
html {
height: 100%
height: 100vh
}
body {
height: 100%;
height: 100vh;
display: flex;
flex-direction: column;
}
header {
position:relative;
z-index: 100;
z-index: 3;
flex-basis: 60px;
width: 100%;
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
......@@ -42,6 +42,10 @@ header .header-about a {
position: absolute;
top: 20px;
left: 92%;
text-decoration-line: none;
}
header .header-about a:hover {
color: gray;
}
main {
height:100%
......
......@@ -58,7 +58,7 @@ export default {
<style>
#app {
display: flex;
height: 100%;
height: 100vh;
}
.scenarios {
display: flex;
......
......@@ -47,15 +47,15 @@ export default {
<style>
#about {
position: fixed;
position: absolute;
display: none;
width: 100%;
height: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
z-index: 4;
background-color: rgba(255, 255, 255, 0.6);
}
......@@ -66,7 +66,7 @@ export default {
font-size: 120%;
}
.about-text {
padding: 4% 2% 4% 2%;
padding: 4% 2% 2% 2%;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 53px -18px rgba(0,0,0,0.75);
border-radius: 8px;
......@@ -75,7 +75,8 @@ export default {
margin-bottom: 20px;
}
.about-text .close-btn {
top: -25px;
top: -35px;
left: 5px;
margin: 5px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment