Add basic styles.
This commit is contained in:
parent
4d484f6040
commit
170f3b3873
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue