flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Viewer: Fix responsive and positioning

Browse Source
This commit is contained in:
Félix Péault
2020-04-08 19:31:24 +02:00
parent 240c92c6f6
commit e0abb558d8
6 changed files with 136 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@@ -30,7 +30,7 @@
"@babel/core": "^7.9.0",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.9.0",
"@babel/preset-env": "^7.9.0",
"@babel/preset-env": "^7.9.5",
"@babel/runtime": "^7.9.2",
"@rollup/plugin-alias": "^3.0.1",
"@rollup/plugin-commonjs": "^11.0.2",
@@ -50,7 +50,7 @@
"postcss": "^7.0.27",
"postcss-load-config": "^2.1.0",
"postcss-preset-env": "^6.7.0",
"rollup": "^2.3.3",
"rollup": "^2.3.4",
"rollup-plugin-babel": "^4.4.0",
"rollup-plugin-eslint": "^7.0.0",
"rollup-plugin-glslify": "^1.2.0",

167
pnpm-lock.yaml generated
View File

@@ -12,12 +12,12 @@ devDependencies:
'@babel/core': 7.9.0
'@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-runtime': 7.9.0_@babel+core@7.9.0
'@babel/preset-env': 7.9.0_@babel+core@7.9.0
'@babel/preset-env': 7.9.5_@babel+core@7.9.0
'@babel/runtime': 7.9.2
'@rollup/plugin-alias': 3.0.1_rollup@2.3.3
'@rollup/plugin-commonjs': 11.0.2_rollup@2.3.3
'@rollup/plugin-node-resolve': 7.1.1_rollup@2.3.3
'@rollup/plugin-replace': 2.3.1_rollup@2.3.3
'@rollup/plugin-alias': 3.0.1_rollup@2.3.4
'@rollup/plugin-commonjs': 11.0.2_rollup@2.3.4
'@rollup/plugin-node-resolve': 7.1.1_rollup@2.3.4
'@rollup/plugin-replace': 2.3.1_rollup@2.3.4
autoprefixer: 9.7.6
babel-plugin-module-resolver: 4.0.0
dotenv: 8.2.0
@@ -32,12 +32,12 @@ devDependencies:
postcss: 7.0.27
postcss-load-config: 2.1.0
postcss-preset-env: 6.7.0
rollup: 2.3.3
rollup-plugin-babel: 4.4.0_@babel+core@7.9.0+rollup@2.3.3
rollup: 2.3.4
rollup-plugin-babel: 4.4.0_@babel+core@7.9.0+rollup@2.3.4
rollup-plugin-eslint: 7.0.0
rollup-plugin-glslify: 1.2.0
rollup-plugin-svelte: 5.2.1_rollup@2.3.3+svelte@3.20.1
rollup-plugin-terser: 5.3.0_rollup@2.3.3
rollup-plugin-svelte: 5.2.1_rollup@2.3.4+svelte@3.20.1
rollup-plugin-terser: 5.3.0_rollup@2.3.4
sapper: 0.27.12_svelte@3.20.1
svelte: 3.20.1
svelte-preprocess: 3.7.1_svelte@3.20.1
@@ -51,7 +51,7 @@ packages:
integrity: sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
/@babel/compat-data/7.9.0:
dependencies:
browserslist: 4.11.0
browserslist: 4.11.1
invariant: 2.2.4
semver: 5.7.1
dev: true
@@ -82,7 +82,7 @@ packages:
integrity: sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==
/@babel/generator/7.9.4:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
jsesc: 2.5.2
lodash: 4.17.15
source-map: 0.5.7
@@ -91,14 +91,14 @@ packages:
integrity: sha512-rjP8ahaDy/ouhrvCoU1E5mqaitWrxwuNGU+dy1EpaoK48jZay4MdkskKGIMHLZNewg8sAsqpGSREJwP0zH3YQA==
/@babel/helper-annotate-as-pure/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==
/@babel/helper-builder-binary-assignment-operator-visitor/7.8.3:
dependencies:
'@babel/helper-explode-assignable-expression': 7.8.3
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw==
@@ -106,7 +106,7 @@ packages:
dependencies:
'@babel/compat-data': 7.9.0
'@babel/core': 7.9.0
browserslist: 4.11.0
browserslist: 4.11.1
invariant: 2.2.4
levenary: 1.1.1
semver: 5.7.1
@@ -128,8 +128,8 @@ packages:
integrity: sha512-LYVPdwkrQEiX9+1R29Ld/wTrmQu1SSKYnuOk3g0CkcZMA1p0gsNxJFj/3gBdaJ7Cg0Fnek5z0DsMULePP7Lrqg==
/@babel/helper-define-map/7.8.3:
dependencies:
'@babel/helper-function-name': 7.8.3
'@babel/types': 7.9.0
'@babel/helper-function-name': 7.9.5
'@babel/types': 7.9.5
lodash: 4.17.15
dev: true
resolution:
@@ -137,33 +137,33 @@ packages:
/@babel/helper-explode-assignable-expression/7.8.3:
dependencies:
'@babel/traverse': 7.9.0
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw==
/@babel/helper-function-name/7.8.3:
/@babel/helper-function-name/7.9.5:
dependencies:
'@babel/helper-get-function-arity': 7.8.3
'@babel/template': 7.8.6
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==
integrity: sha512-JVcQZeXM59Cd1qanDUxv9fgJpt3NeKUaqBqUEvfmQ+BCOKq2xUgaWZW2hr0dkbyJgezYuplEoh5knmrnS68efw==
/@babel/helper-get-function-arity/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
/@babel/helper-hoist-variables/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg==
/@babel/helper-member-expression-to-functions/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==
@@ -180,14 +180,14 @@ packages:
'@babel/helper-simple-access': 7.8.3
'@babel/helper-split-export-declaration': 7.8.3
'@babel/template': 7.8.6
'@babel/types': 7.9.0
'@babel/types': 7.9.5
lodash: 4.17.15
dev: true
resolution:
integrity: sha512-0FvKyu0gpPfIQ8EkxlrAydOWROdHpBmiCiRwLkUiBGhCUPRRbVD2/tm3sFr/c/GWFrQ/ffutGUAnx7V0FzT2wA==
/@babel/helper-optimise-call-expression/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==
@@ -207,7 +207,7 @@ packages:
'@babel/helper-wrap-function': 7.8.3
'@babel/template': 7.8.6
'@babel/traverse': 7.9.0
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA==
@@ -216,20 +216,20 @@ packages:
'@babel/helper-member-expression-to-functions': 7.8.3
'@babel/helper-optimise-call-expression': 7.8.3
'@babel/traverse': 7.9.0
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-PeMArdA4Sv/Wf4zXwBKPqVj7n9UF/xg6slNRtZW84FM7JpE1CbG8B612FyM4cxrf4fMAMGO0kR7voy1ForHHFA==
/@babel/helper-simple-access/7.8.3:
dependencies:
'@babel/template': 7.8.6
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==
/@babel/helper-split-export-declaration/7.8.3:
dependencies:
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
@@ -237,12 +237,16 @@ packages:
dev: true
resolution:
integrity: sha512-6G8bQKjOh+of4PV/ThDm/rRqlU7+IGoJuofpagU5GlEl29Vv0RGqqt86ZGRV8ZuSOY3o+8yXl5y782SMcG7SHw==
/@babel/helper-validator-identifier/7.9.5:
dev: true
resolution:
integrity: sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==
/@babel/helper-wrap-function/7.8.3:
dependencies:
'@babel/helper-function-name': 7.8.3
'@babel/helper-function-name': 7.9.5
'@babel/template': 7.8.6
'@babel/traverse': 7.9.0
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ==
@@ -320,16 +324,17 @@ packages:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-jWioO1s6R/R+wEHizfaScNsAx+xKgwTLNXSh7tTC4Usj3ItsPEhYkEpU4h+lpnBwq7NBVOJXfO6cRFYcX69JUQ==
/@babel/plugin-proposal-object-rest-spread/7.9.0_@babel+core@7.9.0:
/@babel/plugin-proposal-object-rest-spread/7.9.5_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-plugin-utils': 7.8.3
'@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-parameters': 7.9.5_@babel+core@7.9.0
dev: true
peerDependencies:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-UgqBv6bjq4fDb8uku9f+wcm1J7YxJ5nT7WO/jBr0cl0PLKb7t1O6RNR1kZbjgx2LQtsDI9hwoQVmn0yhXeQyow==
integrity: sha512-VP2oXvAf7KCYTthbUHwBlewbl1Iq059f6seJGsxMizaCdgHIeczOr7FBqELhSqfkIl04Fi8okzWzl63UKbQmmg==
/@babel/plugin-proposal-optional-catch-binding/7.8.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
@@ -482,12 +487,12 @@ packages:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w==
/@babel/plugin-transform-classes/7.9.2_@babel+core@7.9.0:
/@babel/plugin-transform-classes/7.9.5_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-annotate-as-pure': 7.8.3
'@babel/helper-define-map': 7.8.3
'@babel/helper-function-name': 7.8.3
'@babel/helper-function-name': 7.9.5
'@babel/helper-optimise-call-expression': 7.8.3
'@babel/helper-plugin-utils': 7.8.3
'@babel/helper-replace-supers': 7.8.6
@@ -497,7 +502,7 @@ packages:
peerDependencies:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-TC2p3bPzsfvSsqBZo0kJnuelnoK9O3welkUpqSqBQuBF6R5MN2rysopri8kNvtlGIb2jmUO7i15IooAZJjZuMQ==
integrity: sha512-x2kZoIuLC//O5iA7PEvecB105o7TLzZo8ofBVhP79N+DO3jaX+KYfww9TQcfBEZD0nikNyYcGB1IKtRq36rdmg==
/@babel/plugin-transform-computed-properties/7.8.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
@@ -507,7 +512,7 @@ packages:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA==
/@babel/plugin-transform-destructuring/7.8.8_@babel+core@7.9.0:
/@babel/plugin-transform-destructuring/7.9.5_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-plugin-utils': 7.8.3
@@ -515,7 +520,7 @@ packages:
peerDependencies:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-eRJu4Vs2rmttFCdhPUM3bV0Yo/xPSdPw6ML9KHs/bjB4bLA5HXlbvYXPOD5yASodGod+krjYx21xm1QmL8dCJQ==
integrity: sha512-j3OEsGel8nHL/iusv/mRd5fYZ3DrOxWC82x0ogmdN/vHfAP4MYw+AFKYanzWlktNwikKvlzUV//afBW5FTp17Q==
/@babel/plugin-transform-dotall-regex/7.8.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
@@ -557,7 +562,7 @@ packages:
/@babel/plugin-transform-function-name/7.8.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-function-name': 7.8.3
'@babel/helper-function-name': 7.9.5
'@babel/helper-plugin-utils': 7.8.3
dev: true
peerDependencies:
@@ -655,7 +660,7 @@ packages:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ==
/@babel/plugin-transform-parameters/7.9.3_@babel+core@7.9.0:
/@babel/plugin-transform-parameters/7.9.5_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-get-function-arity': 7.8.3
@@ -664,7 +669,7 @@ packages:
peerDependencies:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-fzrQFQhp7mIhOzmOtPiKffvCYQSK10NR8t6BBz2yPbeUHb9OLW8RZGtgDRBn8z2hGcwvKDL3vC7ojPTLNxmqEg==
integrity: sha512-0+1FhHnMfj6lIIhVvS4KGQJeuhe1GI//h5uptK4PvLt+BGBxsoUJbd3/IW002yk//6sZPlFgsG1hY6OHLcy6kA==
/@babel/plugin-transform-property-literals/7.8.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
@@ -761,7 +766,7 @@ packages:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw==
/@babel/preset-env/7.9.0_@babel+core@7.9.0:
/@babel/preset-env/7.9.5_@babel+core@7.9.0:
dependencies:
'@babel/compat-data': 7.9.0
'@babel/core': 7.9.0
@@ -773,7 +778,7 @@ packages:
'@babel/plugin-proposal-json-strings': 7.8.3_@babel+core@7.9.0
'@babel/plugin-proposal-nullish-coalescing-operator': 7.8.3_@babel+core@7.9.0
'@babel/plugin-proposal-numeric-separator': 7.8.3_@babel+core@7.9.0
'@babel/plugin-proposal-object-rest-spread': 7.9.0_@babel+core@7.9.0
'@babel/plugin-proposal-object-rest-spread': 7.9.5_@babel+core@7.9.0
'@babel/plugin-proposal-optional-catch-binding': 7.8.3_@babel+core@7.9.0
'@babel/plugin-proposal-optional-chaining': 7.9.0_@babel+core@7.9.0
'@babel/plugin-proposal-unicode-property-regex': 7.8.8_@babel+core@7.9.0
@@ -790,9 +795,9 @@ packages:
'@babel/plugin-transform-async-to-generator': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-block-scoped-functions': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-block-scoping': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-classes': 7.9.2_@babel+core@7.9.0
'@babel/plugin-transform-classes': 7.9.5_@babel+core@7.9.0
'@babel/plugin-transform-computed-properties': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-destructuring': 7.8.8_@babel+core@7.9.0
'@babel/plugin-transform-destructuring': 7.9.5_@babel+core@7.9.0
'@babel/plugin-transform-dotall-regex': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-duplicate-keys': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-exponentiation-operator': 7.8.3_@babel+core@7.9.0
@@ -807,7 +812,7 @@ packages:
'@babel/plugin-transform-named-capturing-groups-regex': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-new-target': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-object-super': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-parameters': 7.9.3_@babel+core@7.9.0
'@babel/plugin-transform-parameters': 7.9.5_@babel+core@7.9.0
'@babel/plugin-transform-property-literals': 7.8.3_@babel+core@7.9.0
'@babel/plugin-transform-regenerator': 7.8.7_@babel+core@7.9.0
'@babel/plugin-transform-reserved-words': 7.8.3_@babel+core@7.9.0
@@ -818,8 +823,8 @@ packages:
'@babel/plugin-transform-typeof-symbol': 7.8.4_@babel+core@7.9.0
'@babel/plugin-transform-unicode-regex': 7.8.3_@babel+core@7.9.0
'@babel/preset-modules': 0.1.3_@babel+core@7.9.0
'@babel/types': 7.9.0
browserslist: 4.11.0
'@babel/types': 7.9.5
browserslist: 4.11.1
core-js-compat: 3.6.4
invariant: 2.2.4
levenary: 1.1.1
@@ -828,14 +833,14 @@ packages:
peerDependencies:
'@babel/core': ^7.0.0-0
resolution:
integrity: sha512-712DeRXT6dyKAM/FMbQTV/FvRCms2hPCx+3weRjZ8iQVQWZejWWk1wwG6ViWMyqb/ouBbGOl5b6aCk0+j1NmsQ==
integrity: sha512-eWGYeADTlPJH+wq1F0wNfPbVS1w1wtmMJiYk55Td5Yu28AsdR9AsC97sZ0Qq8fHqQuslVSIYSGJMcblr345GfQ==
/@babel/preset-modules/0.1.3_@babel+core@7.9.0:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-plugin-utils': 7.8.3
'@babel/plugin-proposal-unicode-property-regex': 7.8.8_@babel+core@7.9.0
'@babel/plugin-transform-dotall-regex': 7.8.3_@babel+core@7.9.0
'@babel/types': 7.9.0
'@babel/types': 7.9.5
esutils: 2.0.3
dev: true
peerDependencies:
@@ -852,7 +857,7 @@ packages:
dependencies:
'@babel/code-frame': 7.8.3
'@babel/parser': 7.9.4
'@babel/types': 7.9.0
'@babel/types': 7.9.5
dev: true
resolution:
integrity: sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
@@ -860,10 +865,10 @@ packages:
dependencies:
'@babel/code-frame': 7.8.3
'@babel/generator': 7.9.4
'@babel/helper-function-name': 7.8.3
'@babel/helper-function-name': 7.9.5
'@babel/helper-split-export-declaration': 7.8.3
'@babel/parser': 7.9.4
'@babel/types': 7.9.0
'@babel/types': 7.9.5
debug: 4.1.1
globals: 11.12.0
lodash: 4.17.15
@@ -878,6 +883,14 @@ packages:
dev: true
resolution:
integrity: sha512-BS9JKfXkzzJl8RluW4JGknzpiUV7ZrvTayM6yfqLTVBEnFtyowVIOu6rqxRd5cVO6yGoWf4T8u8dgK9oB+GCng==
/@babel/types/7.9.5:
dependencies:
'@babel/helper-validator-identifier': 7.9.5
lodash: 4.17.15
to-fast-properties: 2.0.0
dev: true
resolution:
integrity: sha512-XjnvNqenk818r5zMaba+sLQjnbda31UfUURv3ei0qPQw4u+j2jMyJ5b11y8ZHYTRSI3NnInQkkkRT4fLqqPdHg==
/@choojs/findup/0.2.1:
dependencies:
commander: 2.20.3
@@ -899,23 +912,23 @@ packages:
dev: false
resolution:
integrity: sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA==
/@rollup/plugin-alias/3.0.1_rollup@2.3.3:
/@rollup/plugin-alias/3.0.1_rollup@2.3.4:
dependencies:
rollup: 2.3.3
rollup: 2.3.4
slash: 3.0.0
dev: true
peerDependencies:
rollup: ^1.20.0
resolution:
integrity: sha512-ReSy6iPl3GsWLMNeshXAfgItZFMoMOTYC7MZQQM5va4pqxiGgwl1xZUZfHW6zGyZPK+k8TBadxx+kdmepiUa+g==
/@rollup/plugin-commonjs/11.0.2_rollup@2.3.3:
/@rollup/plugin-commonjs/11.0.2_rollup@2.3.4:
dependencies:
'@rollup/pluginutils': 3.0.8_rollup@2.3.3
'@rollup/pluginutils': 3.0.8_rollup@2.3.4
estree-walker: 1.0.1
is-reference: 1.1.4
magic-string: 0.25.7
resolve: 1.15.1
rollup: 2.3.3
rollup: 2.3.4
dev: true
engines:
node: '>= 8.0.0'
@@ -923,14 +936,14 @@ packages:
rollup: ^1.20.0
resolution:
integrity: sha512-MPYGZr0qdbV5zZj8/2AuomVpnRVXRU5XKXb3HVniwRoRCreGlf5kOE081isNWeiLIi6IYkwTX9zE0/c7V8g81g==
/@rollup/plugin-node-resolve/7.1.1_rollup@2.3.3:
/@rollup/plugin-node-resolve/7.1.1_rollup@2.3.4:
dependencies:
'@rollup/pluginutils': 3.0.8_rollup@2.3.3
'@rollup/pluginutils': 3.0.8_rollup@2.3.4
'@types/resolve': 0.0.8
builtin-modules: 3.1.0
is-module: 1.0.0
resolve: 1.15.1
rollup: 2.3.3
rollup: 2.3.4
dev: true
engines:
node: '>= 8.0.0'
@@ -938,20 +951,20 @@ packages:
rollup: ^1.20.0
resolution:
integrity: sha512-14ddhD7TnemeHE97a4rLOhobfYvUVcaYuqTnL8Ti7Jxi9V9Jr5LY7Gko4HZ5k4h4vqQM0gBQt6tsp9xXW94WPA==
/@rollup/plugin-replace/2.3.1_rollup@2.3.3:
/@rollup/plugin-replace/2.3.1_rollup@2.3.4:
dependencies:
'@rollup/pluginutils': 3.0.8_rollup@2.3.3
'@rollup/pluginutils': 3.0.8_rollup@2.3.4
magic-string: 0.25.7
rollup: 2.3.3
rollup: 2.3.4
dev: true
peerDependencies:
rollup: ^1.20.0
resolution:
integrity: sha512-qDcXj2VOa5+j0iudjb+LiwZHvBRRgWbHPhRmo1qde2KItTjuxDVQO21rp9/jOlzKR5YO0EsgRQoyox7fnL7y/A==
/@rollup/pluginutils/3.0.8_rollup@2.3.3:
/@rollup/pluginutils/3.0.8_rollup@2.3.4:
dependencies:
estree-walker: 1.0.1
rollup: 2.3.3
rollup: 2.3.4
dev: true
engines:
node: '>= 8.0.0'
@@ -1501,7 +1514,7 @@ packages:
integrity: sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
/core-js-compat/3.6.4:
dependencies:
browserslist: 4.11.0
browserslist: 4.11.1
semver: 7.0.0
dev: true
resolution:
@@ -4061,11 +4074,11 @@ packages:
hasBin: true
resolution:
integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
/rollup-plugin-babel/4.4.0_@babel+core@7.9.0+rollup@2.3.3:
/rollup-plugin-babel/4.4.0_@babel+core@7.9.0+rollup@2.3.4:
dependencies:
'@babel/core': 7.9.0
'@babel/helper-module-imports': 7.8.3
rollup: 2.3.3
rollup: 2.3.4
rollup-pluginutils: 2.8.2
dev: true
peerDependencies:
@@ -4087,10 +4100,10 @@ packages:
dev: true
resolution:
integrity: sha512-EqUFINMICD9U3MJ4jsxBcCRhzWNZJBWyAK2ol+2ClWIPaIWOuz0OY/Ml8rdT81F4aufwxJN5I9N7QvCth0OrUQ==
/rollup-plugin-svelte/5.2.1_rollup@2.3.3+svelte@3.20.1:
/rollup-plugin-svelte/5.2.1_rollup@2.3.4+svelte@3.20.1:
dependencies:
require-relative: 0.8.7
rollup: 2.3.3
rollup: 2.3.4
rollup-pluginutils: 2.8.2
sourcemap-codec: 1.4.8
svelte: 3.20.1
@@ -4100,11 +4113,11 @@ packages:
svelte: '*'
resolution:
integrity: sha512-wc93cN66sRpX6uFljVFqvWT6NU3V5ab/uLXKt2UiARuexFU/ctolzkmdXM7WM5iKdTX9scToS9sabJTJV4DUMA==
/rollup-plugin-terser/5.3.0_rollup@2.3.3:
/rollup-plugin-terser/5.3.0_rollup@2.3.4:
dependencies:
'@babel/code-frame': 7.8.3
jest-worker: 24.9.0
rollup: 2.3.3
rollup: 2.3.4
rollup-pluginutils: 2.8.2
serialize-javascript: 2.1.2
terser: 4.6.7
@@ -4119,7 +4132,7 @@ packages:
dev: true
resolution:
integrity: sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
/rollup/2.3.3:
/rollup/2.3.4:
dev: true
engines:
node: '>=10.0.0'
@@ -4127,7 +4140,7 @@ packages:
optionalDependencies:
fsevents: 2.1.2
resolution:
integrity: sha512-uJ9VNWk80mb4wDCSfd1AyHoSc9TrWbkZtnO6wbsMTp9muSWkT26Dvc99MX1yGCOTvUN1Skw/KpFzKdUDuZKTXA==
integrity: sha512-8U9x54RCVhrUEV1zon4Pp8kokg1HM0fwzf5vkwe2/rOfyTClarx5e27kFlaoZ7ofJiazWkNQ+dgdG4HuZxkQ9A==
/run-async/2.4.0:
dependencies:
is-promise: 2.1.0
@@ -4853,7 +4866,7 @@ specifiers:
'@babel/core': ^7.9.0
'@babel/plugin-syntax-dynamic-import': ^7.8.3
'@babel/plugin-transform-runtime': ^7.9.0
'@babel/preset-env': ^7.9.0
'@babel/preset-env': ^7.9.5
'@babel/runtime': ^7.9.2
'@rollup/plugin-alias': ^3.0.1
'@rollup/plugin-commonjs': ^11.0.2
@@ -4879,7 +4892,7 @@ specifiers:
postcss: ^7.0.27
postcss-load-config: ^2.1.0
postcss-preset-env: ^6.7.0
rollup: ^2.3.3
rollup: ^2.3.4
rollup-plugin-babel: ^4.4.0
rollup-plugin-eslint: ^7.0.0
rollup-plugin-glslify: ^1.2.0

8
src/organisms/Carousel.svelte
View File

@@ -233,7 +233,15 @@
</div>
</div>
{#if !viewer}
<PaginationDots className="carousel__dots" {photos} {currentIndex}
on:goToIndex={event => currentIndex = event.detail}
/>
{/if}
</div>
{#if viewer}
<PaginationDots className="carousel__dots" {photos} {currentIndex}
on:goToIndex={event => currentIndex = event.detail}
/>
{/if}

3
src/routes/viewer/[country]/[place]/[photo].svelte
View File

@@ -10,7 +10,8 @@
// Fields
const fields = [
'id', 'name', 'slug', 'date', 'image.private_hash',
'location.id', 'location.name', 'location.slug', 'location.country.name', 'location.country.slug'
'location.id', 'location.name', 'location.slug',
'location.country.name', 'location.country.slug'
]
const req = await this.fetch(`${apiEndpoints.rest}/items/photos?fields=${fields.join()}&filter[location.slug][rlike]=%${page.params.place}%`)
const photos = await req.json()

12
src/style/_base.scss
View File

@@ -170,11 +170,18 @@ button {
========================================================================== */
.style-location {
font-family: $font-serif;
font-size: rem(24px);
font-size: 6vw;
color: #fff;
line-height: 1.15;
text-align: center;
@include breakpoint (m) {
font-size: rem(24px);
}
@include breakpoint (sm) {
font-size: rem(28px);
}
a {
color: #fff;
text-decoration: none;
@@ -184,9 +191,6 @@ button {
}
}
@include breakpoint (sm) {
font-size: rem(28px);
}
.street {
margin-bottom: 8px;

44
src/style/pages/_viewer.scss
View File

@@ -3,14 +3,12 @@
position: relative;
height: 100vh;
min-height: 560px;
padding-top: 16px;
overflow-x: hidden;
@include breakpoint (sm) {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
@include breakpoint (sm) {
width: 100%;
padding-top: 24px;
}
@@ -19,7 +17,9 @@
** Top part
*/
&__top {
position: relative;
z-index: 10;
margin-top: 16px;
padding-left: 24px;
padding-right: 16px;
display: flex;
@@ -65,27 +65,37 @@
** Carousel
*/
.carousel {
width: 100%;
@include breakpoint (xs) {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-37%);
margin-top: 20%;
}
@include breakpoint (sm) {
width: 100%;
margin: auto;
}
// Landscape
@media screen and (max-width: $screen-lg) and (orientation: landscape) {
@media screen and (min-width: $screen-sm) and (max-width: $screen-lg) and (orientation: landscape) {
width: 95%;
}
// Wrap
.wrap {
@include breakpoint (xs) {
width: 100%;
}
}
// Gallery
.gallery {
left: 0;
right: 0;
&__images {
@include breakpoint (xs) {
overflow: hidden;
}
}
// Specific box shadow for images
&__photo {
box-shadow: 0 pxVW(16px) pxVW(40) rgba(#2E025C, 0.4);
@@ -95,6 +105,7 @@
// Informations
&__infos {
margin-top: 32px;
margin-bottom: 16px;
padding: 0 24px;
@include breakpoint (sm) {
@@ -120,13 +131,11 @@
// Date
&__date {
margin-top: 16px;
font-size: rem(12px);
color: rgba($color-tertiary, 0.5);
text-align: center;
@include breakpoint (sm) {
margin: 0;
font-size: rem(14px);
text-align: left;
}
@@ -161,11 +170,10 @@
// Dots
&__dots {
position: absolute;
bottom: 24px;
left: 0;
right: 0;
position: relative;
z-index: 20;
margin-top: 24px;
margin-bottom: 24px;
}
}
}