From 5282ed5e535e2c9950643a24ca48cbee20ce5f07 Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Wed, 4 Dec 2019 20:18:30 +0800
Subject: [PATCH] Refactor: Make pin preview width a variable

---
 pinry-spa/src/components/Boards.vue     | 4 +++-
 pinry-spa/src/components/Pins.vue       | 4 +++-
 pinry-spa/src/components/utils/pin.scss | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 pinry-spa/src/components/utils/pin.scss

diff --git a/pinry-spa/src/components/Boards.vue b/pinry-spa/src/components/Boards.vue
index 2b73d12..1d4d4e1 100644
--- a/pinry-spa/src/components/Boards.vue
+++ b/pinry-spa/src/components/Boards.vue
@@ -171,8 +171,10 @@ export default {
 
 <style lang="scss" scoped>
 /* grid */
+@import 'utils/pin';
+
 .grid-sizer,
-.grid-item { width: 240px; }
+.grid-item { width: $pin-preview-width; }
 .grid-item {
   margin-bottom: 15px;
 }
diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index 5f529c7..6937a3e 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/pinry-spa/src/components/Pins.vue
@@ -216,8 +216,10 @@ export default {
 
 <style lang="scss" scoped>
 /* grid */
+@import 'utils/pin';
+
 .grid-sizer,
-.grid-item { width: 240px; }
+.grid-item { width: $pin-preview-width; }
 .grid-item {
   margin-bottom: 15px;
 }
diff --git a/pinry-spa/src/components/utils/pin.scss b/pinry-spa/src/components/utils/pin.scss
new file mode 100644
index 0000000..67e65d6
--- /dev/null
+++ b/pinry-spa/src/components/utils/pin.scss
@@ -0,0 +1 @@
+$pin-preview-width: 240px;
\ No newline at end of file