KRBL/MinervaFrontend
5
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

add home page

Browse Source
This commit is contained in:
kuwsh1n
2024-03-09 03:15:43 +03:00
parent 5871ed6cd0
commit 986ce3a725
7 changed files with 184 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/assets/styles/components/navbar.module.scss
View File

@ -6,4 +6,62 @@
.wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu {
width: 80%;
height: 100%;
&__authorized {
height: 100%;
display: flex;
align-items: center;
span {
margin-left: 2%;
display: block;
font-size: 15px;
color: rgb(80, 80, 80);
cursor: pointer;
&:hover {
color: rgb(66, 68, 189);
text-decoration: underline;
}
}
}
}
.profile {
width: 20%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
&__authorized {
span {
font-size: 15px;
color: rgb(80, 80, 80);
cursor: pointer;
&:hover {
color: rgb(66, 68, 189);
text-decoration: underline;
}
}
}
&__nonAuthorized {
span {
font-size: 15px;
font-family: "Montserrat", sans-serif;
color: rgb(80, 80, 80);
cursor: pointer;
i {
}
&:hover {
color: rgb(66, 68, 189);
text-decoration: underline;
}
}
}
}

68
src/assets/styles/home.module.scss Normal file
View File

@ -0,0 +1,68 @@
.main {
width: 100%;
height: 100%;
}
.wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.header {
width: 60%;
height: 30%;
text-align: center;
&__top {
font-size: 30px;
font-family: "Montserrat", sans-serif;
color: rgb(100, 100, 100);
}
&__bottom {
font-size: 30px;
font-family: "Montserrat", sans-serif;
color: rgb(100, 100, 100);
}
}
.content {
width: 60%;
height: 50%;
box-shadow: 0 0 5px 1px rgb(180, 180, 180);
padding: 1% 0;
&__title {
height: 30%;
display: flex;
justify-content: center;
align-items: center;
&__wrapper {
h3 {
font-size: 35px;
font-family: "Montserrat", sans-serif;
color: rgb(100, 100, 100);
}
}
}
&__token {
height: 50%;
display: flex;
justify-content: center;
align-items: center;
&__wrapper {
height: 35%;
width: 80%;
}
}
&__search {
height: 20%;
display: flex;
justify-content: center;
align-items: center;
&__wrapper {
height: 70%;
}
}
}