Nebucatnetzer
/
vuejs_course
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add styling for the form

This commit is contained in:
Andreas Zweili 2021-02-01 20:35:25 +01:00
parent cdc3c2f42f
commit a05cd70cb2
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
vue-cli-01-a-new-vue-project/src/App.vue
View File

@ -82,7 +82,8 @@ header {
list-style: none;
}
#app li {
#app li,
#app form {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
margin: 1rem auto;
border-radius: 10px;
@ -115,4 +116,17 @@ header {
border-color: #ec3169;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26);
}
#app input {
font: inherit;
padding: 0.15rem;
}
#app label {
font-weight: bold;
margin-right: 1rem;
width: 7rem;
display: inline-block;
}
#app form div {
margin: 1rem 0;
}
</style>