2025-summer/team-6
12
Fork 0
Code Issues Pull requests Projects Releases Activity

frontend

Browse source
This commit is contained in:
Tikhon Vodyanov 2025-08-02 13:24:06 +02:00
parent 118965e0c3
commit e3d416ff0e
30 changed files with 6864 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

70
frontend/src/views/PlantView.vue Normal file
View file

@ -0,0 +1,70 @@
<template>
<div class="plant-wrapper">
<img :src="plantStateStore.imageBase64" alt="">
<div class="loose">
<h2>Talk to us about your plant</h2>
<text-description></text-description>
</div>
<div class="precise">
<plant-details></plant-details>
</div>
<div class="footer">
<Button label="Simulate your plant" icon="pi pi-chart-line" size="large" @click="$router.push('/setEnvironment')"/>
<Button label="Get care suggestions" icon="pi pi-heart" size="large" @click="$router.push('/cure')"/>
</div>
</div>
</template>
<script setup>
import ImageScan from '@/components/imageScan.vue'
import textDescription from "@/components/textDescription.vue";
import plantDetails from '@/components/plantDetails.vue';
import Button from 'primevue/button';
import { usePlantStateStore } from "@/stores/plantState.js";
const plantStateStore = usePlantStateStore();
</script>
<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playwrite+HU:wght@100..400&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
h2 {
font-family: 'Playwrite HU', sans-serif;
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 1rem;
}
.plant-wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: start;
gap: 2rem;
overflow-y: scroll;
width: 100%;
}
.loose {
flex: 1;
display: flex;
flex-direction: column;
gap: 1rem;
}
.footer {
display: flex;
justify-content: stretch;
gap: 1rem;
width: 100%;
}
img {
max-height: 5rem;
border-radius: 4px;
object-fit: cover;
}
</style>