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

step 228

Browse Source
This commit is contained in:
kuwsh1n
2024-02-25 03:25:13 +03:00
parent f9ed0cd04f
commit d469d7d690
17 changed files with 649 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/styles/app.module.scss
View File

@ -1,4 +1,5 @@
@import url('./base.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.main {
width: 100%;
@ -13,7 +14,7 @@
.header {
background-color: rgb(240, 240, 240);
width: 100%;
height: 50px;
height: 10%;
box-shadow: 0 0 5px 1px rgb(210, 210, 210);
}

8
src/assets/styles/components/myButton.module.scss
View File

@ -1,6 +1,12 @@
.main {
height: 100%;
button {
font-size: 15px;
padding: 10%;
height: 100%;
padding: .40em 1.2rem;
color: white;
background-color: rgb(150, 209, 158);
border-radius: 5px;
font-family: "Montserrat", sans-serif;
}
}

9
src/assets/styles/components/myInput.module.scss
View File

@ -1,5 +1,12 @@
.main {
height: 100%;
input {
border: 1px solid rgb(180, 180, 180);
height: 100%;
border-radius: 5px;
font-family: "Montserrat", sans-serif;
padding: 0 3px;
color: rgb(40, 40, 40);
font-size: 15px;
}
}

71
src/assets/styles/components/myModal.module.scss Normal file
View File

@ -0,0 +1,71 @@
.myModal {
&__dialog {
&__content {
&__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 3%;
h5 {
display: block;
}
select {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
border: 1px solid rgb(200, 200, 200);
padding: 5px;
}
}
&__body {
&__answer {
&__title {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
&__text {
display: block;
font-family: "Montserrat", sans-serif;
border: 1px solid rgb(200, 200, 200);
width: 100%;
padding: 0 1%;
}
&__file {
margin-top: 10px;
}
}
&__comment {
margin-top: 5%;
&__title {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
&__text {
display: block;
font-family: "Montserrat", sans-serif;
border: 1px solid rgb(200, 200, 200);
width: 100%;
padding: 0 1%;
}
}
&__time {
margin-top: 5%;
span {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
input {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
border: 1px solid rgb(200, 200, 200);
padding: 1%;
}
}
}
}
}
}

60
src/assets/styles/forms.module.scss
View File

@ -7,17 +7,71 @@
.wrapper {
width: 100%;
height: 100%;
border: 1px solid red;
}
.panel {
width: 100%;
height: 30px;
height: 10%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5%;
}
.listForms {
box-shadow: 0 0 5px 1px rgb(200, 200, 200);
border-radius: 5px;
margin-top: 5%;
height: 70%;
width: 100%;
&__columns {
display: flex;
justify-content: space-around;
align-items: center;
height: 15%;
width: 100%;
border-bottom: 1px solid rgb(220, 220, 220);
&__item {
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
}
&__forms {
width: 100%;
height: 85%;
overflow-y: auto;
&::-webkit-scrollbar {
width: 7px;
}
&::-webkit-scrollbar-thumb {
background-color: rgb(200, 200, 200);
}
&__item {
display: flex;
justify-content: space-around;
align-items: center;
height: 25%;
width: 100%;
font-family: "Montserrat", sans-serif;
&:hover {
background-color: rgba(240, 240, 240, 0.8);
}
&__title {
width: 33.3%;
text-align: center;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
&__answers {
width: 33.3%;
text-align: center;
}
&__update {
width: 33.3%;
text-align: center;
}
}
}
}

131
src/assets/styles/newForm.module.scss Normal file
View File

@ -0,0 +1,131 @@
.main {
width: 100%;
height: 100%;
padding: 4% 8%;
}
.wrapper {
width: 100%;
height: 100%;
}
.header {
text-align: right;
display: flex;
justify-content: end;
width: 100%;
height: 8%;
&__listBtn {
display: flex;
justify-content: space-between;
width: 20%;
}
}
.content {
margin-top: 3%;
height: 85%;
width: 100%;
display: flex;
justify-content: space-between;
&__listQuestion {
height: 100%;
width: 25%;
&__list {
height: 100%;
width: 100%;
&__item {
height: 12.5%;
width: 100%;
display: flex;
align-items: center;
padding: 0 5px;
cursor: pointer;
&:hover {
background-color: rgba(230, 230, 230, 0.6);
}
span {
display: block;
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
}
&__item:not(:last-child) {
border-bottom: 1px solid rgb(220, 220, 220);
}
}
}
&__newForm {
box-shadow: 0 0 5px 1px rgb(220, 220, 220);
height: 100%;
width: 75%;
&__title {
padding: 1%;
width: 100%;
height: 10%;
h3 {
font-size: 20px;
font-family: "Montserrat", sans-serif;
color: rgb(80, 80, 80);
}
}
&__list {
overflow-y: auto;
width: 100%;
height: 90%;
&::-webkit-scrollbar {
width: 7px;
}
&::-webkit-scrollbar-thumb {
background-color: rgb(200, 200, 200);
}
&__item {
padding: 1%;
width: 100%;
height: 25%;
border-bottom: 1px solid rgb(220, 220, 220);
display: flex;
justify-content: space-between;
align-items: center;
&:hover {
background-color: rgba(230, 230, 230, 0.6);
cursor: pointer;
}
&__answer {
width: 90%;
span {
display: block;
}
span:first-child {
font-size: 15px;
font-family: "Montserrat", sans-serif;
color: rgb(80, 80, 80);
}
span:last-child {
font-size: 12px;
font-family: "Montserrat", sans-serif;
color: rgb(180, 180, 180);
}
}
&__btn {
width: 10%;
display: flex;
justify-content: space-around;
align-items: center;
i {
display: block;
}
i:first-child:hover {
color: rgb(42, 64, 187);
}
i:last-child:hover {
color: rgb(199, 73, 73);
}
}
}
}
}
}