xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 21:04:21 +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" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i
<i <i
class="material-icons opacity-6 me-2 text-md" class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()" :class="getTextColor()"
>dashboard</i >dashboard</i
> >
>
Проекты Проекты
<img
<img <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -264,7 +261,6 @@ watch(
alt="down-arrow" alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto" class="arrow ms-1 d-lg-none d-block ms-auto"
/> />
/>
</a> </a>
<div <div
class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3" 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 <img
:src="getArrowColor()" :src="getArrowColor()"
alt="down-arrow" alt="down-arrow"
@ -356,7 +351,6 @@ watch(
alt="down-arrow" alt="down-arrow"
class="arrow ms-1 d-lg-none d-block ms-auto" class="arrow ms-1 d-lg-none d-block ms-auto"
/> />
/>
</a> </a>
<div <div
class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg" class="dropdown-menu dropdown-menu-end dropdown-menu-animation dropdown-md mt-0 mt-lg-3 p-3 border-radius-lg"

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

@ -56,6 +56,16 @@ const getProject = async () => {
{{ tag }}<span v-if="index < projectData.tags.length - 1">, </span> {{ tag }}<span v-if="index < projectData.tags.length - 1">, </span>
</span> </span>
</p> </p>
<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> </div>
</template> </template>
@ -66,7 +76,22 @@ const getProject = async () => {
padding: 20px; padding: 20px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 5px; 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 { .project-title {
@ -120,5 +145,27 @@ const getProject = async () => {
padding: 2px 5px; padding: 2px 5px;
margin: 2px; 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> </style>