robonen/metr
1
0
Fork 0
mirror of https://github.com/robonen/metr.git synced 2026-03-20 10:54:41 +00:00
Code Releases Activity

+Vue +edited backend

Browse Source
This commit is contained in:
Konstantin Vinokurov
2022-06-02 23:00:42 +07:00
parent 941d33f98f
commit 4bfe25d887
5 changed files with 40 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/css/catalog.css
View File

@@ -37,7 +37,7 @@ h1, h2, h3, h4, h5, h6 {
/* Intro */ /* Intro */
.intro { .intro {
width: 100%; width: 100%;
height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content:center; justify-content:center;

8
frontend/src/assets/css/offer.css
View File

@@ -242,7 +242,15 @@ h1, h2, h3, h4, h5, h6 {
margin: 1% 0; margin: 1% 0;
} }
.rewiew__comment{
padding-left: 10px;
}
.review__stars { .review__stars {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.user__stat{
padding-right: 10px;
}

28
frontend/src/components/ProfileAddOffer.vue
View File

@@ -20,7 +20,7 @@
<div class="about__describtions"> <div class="about__describtions">
<div class="descriptions__name"> <div class="descriptions__name">
<h4>Название для объявления:</h4> <h4>Название для объявления:</h4>
<input type="text" size="40" v-model.trim="offer.name"> <input type="text" size="40" placeholder="Пример: Просторная квартира на Елисеевке" v-model.trim="offer.name">
</div> </div>
<div class="descriptions__name"> <div class="descriptions__name">
<h4>Тип:</h4> <h4>Тип:</h4>
@@ -32,11 +32,11 @@
</div> </div>
<div class="descriptions__address"> <div class="descriptions__address">
<h4>Адрес:</h4> <h4>Адрес:</h4>
<input type="text" size="40" v-model.trim="offer.location"> <input type="text" size="40" placeholder="Пример: Комарино 12, д. 3" v-model.trim="offer.location">
</div> </div>
<div class="descriptions__price"> <div class="descriptions__price">
<h4>Цена:</h4> <h4>Цена:</h4>
<input type="text" size="40" v-model.number="offer.price"> <input type="text" size="40" placeholder="Пример: '1200000'" v-model.number="offer.price">
</div> </div>
<div class="descriptions__flats"> <div class="descriptions__flats">
<h4>Кол-во комнат:</h4> <h4>Кол-во комнат:</h4>
@@ -49,11 +49,12 @@
</div> </div>
<div class="descriptions__square"> <div class="descriptions__square">
<h4>Площадь:</h4> <h4>Площадь:</h4>
<input type="text" size="40" v-model.number="offer.space"> <input type="text" size="40" placeholder="Пример: '45'" v-model.number="offer.space">
</div> </div>
<div class="descriptions__text"> <div class="descriptions__text">
<h4>Описание:</h4> <h4>Описание:</h4>
<input type="text" size="40" v-model.trim="offer.description"> <!-- <input type="text" size="40" v-model.trim="offer.description">-->
<textarea placeholder="Описание" class="descriptions__textarea" v-model.trim="offer.description"></textarea>
</div> </div>
</div> </div>
<button @click="action">Отправить</button> <button @click="action">Отправить</button>
@@ -263,12 +264,28 @@ export default {
margin-top: 1%; margin-top: 1%;
} }
.descriptions__textarea{
background-color: rgb(201, 233, 252);
border-radius: 5px;
border-color: white;
box-shadow: none;
border: 1px solid rgb(83, 110, 136);
width: 100%;
height: 100px;
font-size: 0.8em;
}
.about__describtions input { .about__describtions input {
background-color: rgb(201, 233, 252); background-color: rgb(201, 233, 252);
border-radius: 5px; border-radius: 5px;
border-color: white; border-color: white;
box-shadow: none; box-shadow: none;
border: 1px solid rgb(83, 110, 136); border: 1px solid rgb(83, 110, 136);
font-size: 0.8em;
} }
.about__describtions h4 { .about__describtions h4 {
@@ -278,5 +295,6 @@ export default {
.descriptions__text input { .descriptions__text input {
width: 100%; width: 100%;
height: 100px; height: 100px;
} }
</style> </style>

10
frontend/src/components/TheHeader.vue
View File

@@ -30,10 +30,8 @@
</div> </div>
<div class="header__search"> <div class="header__search">
<div class="search"> <div class="search">
<div class="search__block"> <input text="" class="search__block" placeholder="Поиск" v-model.trim="query" @keydown.enter="search">
<div class="search__img" @click.prevent="search">
</div>
<div class="search__img">
<a class="nav__link" href="#"> <a class="nav__link" href="#">
<img src="@/assets/images/search.jpg" alt=""> <img src="@/assets/images/search.jpg" alt="">
</a> </a>
@@ -63,6 +61,7 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
/* Container */ /* Container */
.container { .container {
@@ -137,7 +136,8 @@ export default {
width: 300px; width: 300px;
height: 40px; height: 40px;
margin: 0; margin: 0;
padding-top: 20px;
font-size: 1em;
background: white; background: white;
border: 1px solid black; border: 1px solid black;

6
frontend/src/views/OfferView.vue
View File

@@ -75,9 +75,9 @@
</div> </div>
<div class="reviews__blocks"> <div class="reviews__blocks">
<div v-if="offer?.user?.feedback" class="review" v-for="(review, i) in offer.user.feedback" :key="i"> <div v-if="offer?.user?.feedback" class="review" v-for="(review, i) in offer.user.feedback" :key="i">
<div class="review__avatar"> <!-- <div class="review__avatar">-->
<img src="@/assets/images/forcomment.png" alt=""> <!-- <img src="@/assets/images/forcomment.png" alt="">-->
</div> <!-- </div>-->
<div class="rewiew__comment"> <div class="rewiew__comment">
<h5>{{ review.comment }}</h5> <h5>{{ review.comment }}</h5>
</div> </div>