update
This commit is contained in:
parent
5f7a237800
commit
37f5d60335
|
@ -1,6 +1,6 @@
|
|||
* {
|
||||
outline: 1px dotted red;
|
||||
}
|
||||
// * {
|
||||
// outline: 1px dotted red;
|
||||
// }
|
||||
|
||||
|
||||
html {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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' },
|
||||
|
|
|
@ -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==
|
||||
|
|
Loading…
Reference in New Issue