Add basic styles.

This commit is contained in:
Lukáš Kucharczyk 2020-08-25 14:09:58 +02:00
parent 4d484f6040
commit 170f3b3873
1 changed files with 15 additions and 6 deletions

View File

@ -4,13 +4,9 @@
onfocus="this.value=''"
onblur="this.value = 'Start typing something…'"
v-model="content"
cols="30"
rows="10"
></textarea>
<button type="submit" @click="addNote">
Submit
</button>
<div v-for="note in notes" :key="note.id">{{ note.text }}</div>
<div class="note" v-for="note in notes" :key="note.id">{{ note.text }}</div>
</template>
<script>
@ -30,4 +26,17 @@ export default {
}
</script>
<style></style>
<style scoped>
textarea {
width: 100%;
border-width: 0 0 1px 0;
border-color: black;
resize: none;
}
.note {
border-width: 1px;
padding: 5px;
margin-bottom: 5px;
}
</style>