From c3947792db2af2178bdfdefde8b5f2c453fbb124 Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Tue, 07 Jan 2025 15:44:08 +0100
Subject: [PATCH] Add Form
---
10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/AddResource.vue | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 50 insertions(+), 3 deletions(-)
diff --git a/10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/AddResource.vue b/10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/AddResource.vue
index d6f10e7..87a60cf 100644
--- a/10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/AddResource.vue
+++ b/10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/AddResource.vue
@@ -1,7 +1,54 @@
<template>
- <h2>Add Resource</h2>
+ <h2>Add Resource</h2>
+ <base-card>
+ <form>
+ <div class="form-control">
+ <label for="title">Title</label>
+ <input id="title" name="title" type="text" />
+ </div>
+ <div class="form-control">
+ <label for="description">Description</label>
+ <textarea id="description" name="description" type="text" rows="3"></textarea>
+ </div>
+ <div class="form-control">
+ <label for="link">Link</label>
+ <input id="link" name="link" type="url" />
+ </div>
+ <div>
+ <base-button type="submit">Add Resource</base-button>
+ </div>
+ </form>
+ </base-card>
</template>
-<script>export default{}</script>
+<script>
+export default {};
+</script>
-<style scoped></style>
\ No newline at end of file
+<style scoped>
+label {
+ font-weight: bold;
+ display: block;
+ margin-bottom: 0.5rem;
+}
+
+input,
+textarea {
+ display: block;
+ width: 100%;
+ font: inherit;
+ padding: 0.15rem;
+ border: 1px solid #ccc;
+}
+
+input:focus,
+textarea:focus {
+ outline: none;
+ border-color: #3a0061;
+ background-color: #f7ebff;
+}
+
+.form-control {
+ margin: 1rem 0;
+}
+</style>
--
Gitblit v1.8.0