xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 04:04:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

добавила блок для комментариев на страницу проекта

Browse Source
This commit is contained in:
irchen4 2023-05-23 00:33:46 +03:00
parent 108161b540
commit ec77756eac
2 changed files with 49 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/examples/navbars/NavbarDefault.vue
View File

@ -245,15 +245,12 @@ watch(
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i
<i
class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()"
>dashboard</i
>
>
Проекты
<img
<img
:src="getArrowColor()"
alt="down-arrow"
@ -264,7 +261,6 @@ watch(
alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto"
/>
/>
</a>
<div
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
@ -345,7 +341,6 @@ watch(
>
>
Профиль
<img
<img
:src="getArrowColor()"
alt="down-arrow"
@ -356,7 +351,6 @@ watch(
alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto"
/>
/>
</a>
<div
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"

51
src/views/LandingPages/Project/Project.vue
View File

@ -56,7 +56,17 @@ const getProject = async () => {
{{ tag }}<span v-if="index < projectData.tags.length - 1">, </span>
</span>
</p>
</div>
<h3>Feedback</h3>
<div class="feedback">
<input name="username" readonly placeholder="Надо вставить username"/>
<select id="selectvalue">
<option>Vote Up</option>
<option>Vote Down</option>
</select>
<textarea name="comment" v-model="message" placeholder="Напишите комментарий"></textarea>
<button>Отправить</button>
</div>
</div>
</template>
@ -66,7 +76,22 @@ const getProject = async () => {
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #f9f9f9;
background-color: #3d913257;
border-radius: 10px;
}
.feedback {
margin: 10px 0;
padding: 10px 0;
flex-direction: column
}
input, textarea, select, option{
border: 1px solid #3d913257;
border-radius: 5px;
border-radius: 10px;
width: 60%;
margin-bottom: 1%;
padding: 1%;
background-color: #3d91322d;
}
.project-title {
@ -120,5 +145,27 @@ const getProject = async () => {
padding: 2px 5px;
margin: 2px;
}
h1,h2{
/*font-family: 'PressStart2P';*/
color:rgb(70, 104, 105);
}
p{
font-family: 'SpaceMono' monospace;
}
button{
background-color: #3d9132;
border-radius: 10px;
text-align: center;
color: rgb(255, 255, 255);
font-weight: 500;
width: 60%;
margin-bottom: 10px;
padding: 5px;
}
button:hover{
background-color: #6ac55e;
color: rgb(61, 61, 61);
}
</style>