From ab4ef67c4ecb14c4f020ebedb2ef40d2d668200b Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Sat, 25 Sep 2021 11:33:34 +0700
Subject: [PATCH] Separate generic and specific input box styles.
---
src/App.vue | 6 +++++-
src/components/ImageUpload.vue | 14 +++++++-------
2 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index b31aeb7..2396e43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,4 +10,8 @@
</div>
</template>
-<style></style>
\ No newline at end of file
+<style>
+.inputBox {
+ @apply border-2 focus:outline-none focus:ring-2 focus:ring-blue-300;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/ImageUpload.vue b/src/components/ImageUpload.vue
index 1adc229..3329ea0 100644
--- a/src/components/ImageUpload.vue
+++ b/src/components/ImageUpload.vue
@@ -19,25 +19,25 @@
type="text"
placeholder="Source"
name="source"
- class="payloadInput"
+ class="inputBox inputPayload"
/>
<input
type="text"
placeholder="Parent"
name="parent"
- class="payloadInput"
+ class="inputBox inputPayload"
/>
<textarea
type="text"
placeholder="Commentary"
name="commentary"
- class="payloadInput"
+ class="inputBox inputPayload"
/>
<textarea
type="text"
placeholder="Commentary translation"
name="commentary_translation"
- class="payloadInput"
+ class="inputBox inputPayload"
/>
</form>
</div>
@@ -200,8 +200,8 @@ export default {
};
</script>
-<style>
-.payloadInput {
- @apply border-2 focus:outline-none focus:ring-2 focus:ring-blue-300 pl-1 my-2;
+<style scoped>
+.inputPayload {
+ @apply pl-1 my-2;
}
</style>
\ No newline at end of file
--
GitLab