diff --git a/assets/css/main.css b/assets/css/main.css index 566a830..b52e261 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -14,7 +14,42 @@ main { } button { - margin-top: 16px; padding: 8px; cursor: pointer; } + +header { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #eee; + padding: 20px; +} + +nav { + display: flex; + justify-content: space-between; + align-items: center; +} + +nav a { + margin-right: 8px; +} + +.form { + width: 600px; +} + +.form-element { + display: flex; + flex-direction: column; + margin: 16px 0; +} + +.form-element input, +.form-element textarea { + margin-top: 4px; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; +} diff --git a/components/PageForm.vue b/components/PageForm.vue index bfc5c10..e2e854f 100644 --- a/components/PageForm.vue +++ b/components/PageForm.vue @@ -1,24 +1,8 @@ - - diff --git a/layouts/error.vue b/layouts/error.vue index 859eb0a..be8844d 100644 --- a/layouts/error.vue +++ b/layouts/error.vue @@ -7,7 +7,7 @@