diff --git a/package-lock.json b/package-lock.json index f8d448d..ece07d8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2466,6 +2466,41 @@ "integrity": "sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==", "dev": true }, + "axios": { + "version": "0.19.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz", + "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==", + "dev": true, + "requires": { + "follow-redirects": "1.5.10" + }, + "dependencies": { + "debug": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", + "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "follow-redirects": { + "version": "1.5.10", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz", + "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==", + "dev": true, + "requires": { + "debug": "=3.1.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", + "dev": true + } + } + }, "babel-code-frame": { "version": "6.26.0", "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", diff --git a/package.json b/package.json index 111632d..b645602 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "@vue/cli-plugin-typescript": "~4.4.0", "@vue/cli-plugin-vuex": "~4.4.0", "@vue/cli-service": "~4.4.0", + "axios": "^0.19.2", "sass": "^1.26.5", "sass-loader": "^8.0.2", "typescript": "~3.9.3", diff --git a/public/index.html b/public/index.html index 2a842e1..f0e9cc4 100644 --- a/public/index.html +++ b/public/index.html @@ -1,23 +1,26 @@ + + + + + + + Stacjownik + - - - - - - - - Stacjownik - - - - -
- - - - \ No newline at end of file + + +
+ + + diff --git a/src/App.vue b/src/App.vue index aec2a2a..cce4d64 100644 --- a/src/App.vue +++ b/src/App.vue @@ -21,7 +21,7 @@ - SCENERIE* + SCENERIE/ POCIĄGI @@ -30,12 +30,17 @@
- - - + + + + +
- + @@ -86,6 +91,23 @@ export default class App extends Vue { @import "./styles/variables.scss"; @import "./styles/global.scss"; +.view-anim { + &-enter { + transform: translateX(-10%); + opacity: 0; + } + + &-leave-to { + transform: translateX(10%); + opacity: 0; + } + + &-enter-active, + &-leave-active { + transition: all $animDuration $animType; + } +} + .route { margin: 0 0.2em; @@ -100,6 +122,10 @@ export default class App extends Vue { color: white; font-size: calc(1rem + 2.1vw); + + @include smallScreen() { + font-size: 2rem; + } } .container { @@ -115,6 +141,8 @@ export default class App extends Vue { background: #333; padding: 0.15em; + border-radius: 0 0 0.7em 0.7em; + display: flex; justify-content: center; @@ -142,7 +170,6 @@ export default class App extends Vue { display: flex; justify-content: center; - background-color: #222; border-radius: 0.7em; padding: 0.2em; @@ -172,5 +199,16 @@ footer { color: white; max-width: 100%; font-size: calc(0.5rem + 0.5vw); + + flex-direction: column; + + span { + margin: 0.2rem; + + &:nth-child(2) { + color: #888; + font-size: 0.95em; + } + } } diff --git a/src/assets/unknown.png b/src/assets/unknown.png new file mode 100644 index 0000000..0aeae08 Binary files /dev/null and b/src/assets/unknown.png differ diff --git a/src/components/states/Loading.vue b/src/components/states/Loading.vue index 4b94f08..d30014e 100644 --- a/src/components/states/Loading.vue +++ b/src/components/states/Loading.vue @@ -1,5 +1,5 @@