From 37f5d603359b90177c3a472ab1fed7f501dda1a3 Mon Sep 17 00:00:00 2001 From: ManjaroOne666 Date: Sat, 12 Jan 2019 16:51:12 +0000 Subject: [PATCH] update --- assets/scss/_base.scss | 6 +++--- components/GalleryFeatured.vue | 18 ++++++++++++++++++ package.json | 2 +- pages/galleries.vue | 20 ++++++++++---------- yarn.lock | 2 +- 5 files changed, 33 insertions(+), 15 deletions(-) diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss index 90bca48..637c4a4 100644 --- a/assets/scss/_base.scss +++ b/assets/scss/_base.scss @@ -1,6 +1,6 @@ -* { - outline: 1px dotted red; -} +// * { +// outline: 1px dotted red; +// } html { diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue index 360102d..fbd0e21 100644 --- a/components/GalleryFeatured.vue +++ b/components/GalleryFeatured.vue @@ -50,6 +50,24 @@ export default { width: 100vw; flex: 0 0 100vw; } + + .gallery-title { + position: absolute; + display: block; + max-width: 66%; + + font-size: 1.5em; + padding: .5em 1em .5em 1em; + + margin: 1rem 0 0 0; + + color: #fff; + background-color: rgba(0, 0, 0, .3); + + border-top-right-radius: 6rem 6rem; + border-bottom-right-radius: 6rem 6rem; + } + } @media (min-width: $bp__layout) { diff --git a/package.json b/package.json index 62dec50..f03a3ef 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "precommit": "npm run lint" }, "dependencies": { - "@nuxtjs/axios": "^5.0.0", + "@nuxtjs/axios": "^5.3.6", "cross-env": "^5.2.0", "nuxt": "^2.0.0", "nuxt-buefy": "^0.2.1", diff --git a/pages/galleries.vue b/pages/galleries.vue index a4e14bd..bfce9be 100644 --- a/pages/galleries.vue +++ b/pages/galleries.vue @@ -16,17 +16,17 @@ export default { data() { return { galleries: [ - { title: 'Gallery Zero', - featuredImage: 'https://via.placeholder.com/600x400/665588/ffffff?text=Featured+Gallery+Zero', + { title: 'Portraits', + featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-600x400.jpeg', images: [ - { thumbUrl: 'https://via.placeholder.com/400x300/885566/ffffff', url: 'https://via.placeholder.com/1920x1080/885566/ffffff?text=Zero0' }, - { thumbUrl: 'https://via.placeholder.com/300x400/668855/ffffff', url: 'https://via.placeholder.com/1080x1920/668855/ffffff?text=Zero1' }, - { thumbUrl: 'https://via.placeholder.com/400x400/558866/ffffff', url: 'https://via.placeholder.com/1200x1200/558866/ffffff?text=Zero2' }, - { thumbUrl: 'https://via.placeholder.com/320x180/886655/ffffff', url: 'https://via.placeholder.com/1600x900/886655/ffffff?text=Zero3' } + { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-600x400.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-1800x1200.jpeg' }, + { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-3-600x400.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-3-1800x1200.jpeg' }, + { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-2-480x600.jpg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-2-1800x2250.jpg' }, + { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-8-390x600.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-8-1560x2400.jpeg' } ] }, - { title: 'Gallery One', - featuredImage: 'https://via.placeholder.com/600x400/ffffff/000000?text=Featured+Gallery+One', + { title: 'Flowers', + featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/flowers-5-600x402.jpeg', images: [ { thumbUrl: 'https://via.placeholder.com/400x300/ff0000/ffffff', url: 'https://via.placeholder.com/1920x1080/ff0000/ffffff?text=One0' }, { thumbUrl: 'https://via.placeholder.com/400x300/00ff00/ffffff', url: 'https://via.placeholder.com/1920x1080/00ff00/ffffff?text=One1' }, @@ -38,8 +38,8 @@ export default { { thumbUrl: 'https://via.placeholder.com/400x300/000000/ffffff', url: 'https://via.placeholder.com/1920x1080/000000/ffffff?text=One7' } ] }, - { title: 'Gallery Two', - featuredImage: 'https://via.placeholder.com/600x400', + { title: 'The Longest Title for a Gallery That You Could Ever Imagine (Unless You Have a Really Good Imagination - And Then You Could Probably Think of a Really Big One)', + featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/music-4-600x400.jpg', images: [ { thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }, { thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }, diff --git a/yarn.lock b/yarn.lock index 853e8b1..eb7e374 100644 --- a/yarn.lock +++ b/yarn.lock @@ -942,7 +942,7 @@ webpack-node-externals "^1.7.2" webpackbar "^3.1.3" -"@nuxtjs/axios@^5.0.0": +"@nuxtjs/axios@^5.3.6": version "5.3.6" resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.3.6.tgz#1bad5af6e30977809cddd5248dd3b41271d1dc14" integrity sha512-kxtiHW1QCYHaztKEkBnqH/GQoQoVubHdBWMC9+X0cVaA3AwOFsGI3Ef4/dSX8coSto7D+nV8LH3rVjbaFT+KUg==