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

Merge pull request #12 from VikingEngineers/design

Browse Source 
Design
This commit is contained in:
lazyseal 2023-05-23 11:39:49 +01:00 committed by GitHub
commit 10ec49ce17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -197,6 +197,11 @@ watch(
<div class="col-12 px-4 py-2">
<div class="row">
<div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все пользователи
</div>
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
@ -265,6 +270,11 @@ watch(
<div class="col-12 px-4 py-2">
<div class="row">
<div class="position-relative">
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
Все проекты
</div>
<div
class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
>
@ -323,13 +333,13 @@ watch(
:class="getTextColor()"
id="dropdownMenuDocs"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i
aria-expanded="false">
<i
class="material-icons opacity-6 me-2 text-md"
:class="getTextColor()"
>article</i
>
>
Профиль
<img
:src="getArrowColor()"

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>