Add content box in the dashboard
This commit is contained in:
parent
b9eea92668
commit
49420c5a1d
@ -25,7 +25,8 @@ body {
|
|||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: rgb(255, 255, 255,0.2);
|
align-items: center;
|
||||||
|
background-color: rgb(0, 255, 255,0.2);
|
||||||
backdrop-filter: blur(15px);
|
backdrop-filter: blur(15px);
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
@ -44,4 +45,14 @@ footer{
|
|||||||
footer p{
|
footer p{
|
||||||
color: white;
|
color: white;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contentbox {
|
||||||
|
position: absolute;
|
||||||
|
left: 30px;
|
||||||
|
background-color: rgb(255, 255, 255,0.7);
|
||||||
|
border-radius: 20px;
|
||||||
|
translate: translateX(50%);
|
||||||
|
height: 90%;
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="contentbox"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<<<<<<< HEAD
|
<<<<<<< HEAD
|
||||||
@ -25,4 +25,4 @@
|
|||||||
|
|
||||||
<footer><p>© 2023 Password Manager</p></footer>
|
<footer><p>© 2023 Password Manager</p></footer>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user