Skip to content
This repository was archived by the owner on Feb 24, 2023. It is now read-only.

Commit 192cdad

Browse files
author
Łukasz Florczak
committed
Fix for mobile version of demo page
1 parent 0cd5f12 commit 192cdad

File tree

11 files changed

+20
-14
lines changed

11 files changed

+20
-14
lines changed

‎demo/examples/Example1.vue‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,6 @@
7272
align-items: center
7373
color: #fff
7474
display: flex
75-
height: 300px
7675
justify-content: center
7776
7877
h3

‎demo/examples/Example2.vue‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,12 @@
1010
div.container-fluid
1111
div.row
1212
div.col-xs-12
13-
agile(:initial-slide="3")
14-
img.slide(src='https://images.unsplash.com/photo-1506260408121-e353d10b87c7?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
13+
agile(:initial-slide="2")
1514
img.slide(src='https://images.unsplash.com/photo-1523712999610-f77fbcfc3843?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
1615
img.slide(src='https://images.unsplash.com/photo-1524260855046-f743b3cdad07?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
1716
img.slide(src='https://images.unsplash.com/photo-1526080676457-4544bf0ebba9?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
1817
img.slide(src='https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
1918
img.slide(src='https://images.unsplash.com/photo-1426170042593-200f250dfdaf?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
20-
img.slide(src='https://images.unsplash.com/photo-1529815481058-55e5b656f6d6?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ')
2119

2220
template(slot="prevButton")
2321
i.fas.fa-chevron-left
@@ -90,7 +88,6 @@
9088
// Slides styles
9189
.slide
9290
display: block
93-
height: 550px
9491
object-fit: cover
9592
width: 100%
9693

‎demo/examples/Example3.vue‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
div.col-xs-12
66
h2.section__title #[strong #3] demo
77
code-pen(id="xezgmO")
8-
p.section__description vue-agile with autoplay and fade effect
8+
p.section__description vue-agile with autoplay, fade effect and pause on hover
99

1010
div.row
1111
div.col-xs-12
@@ -59,7 +59,6 @@
5959
// Slides styles
6060
.slide
6161
display: block
62-
height: 500px
6362
object-fit: cover
6463
width: 100%
65-
</style>
64+
</style>

‎demo/scss/main.scss‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -242,6 +242,17 @@ pre[class*=language-] {
242242
}
243243
}
244244

245+
.slide {
246+
height: 200px;
247+
248+
@include sm {
249+
height: 300px
250+
}
251+
252+
@include md {
253+
height: 500px
254+
}
255+
}
245256

246257

247258
/*===== End of GENERAL ======*/

‎docs/css/app.9bcc5cac.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/app.c7987dca.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1"><link href="//fonts.googleapis.com/css?family=Lato:300,400,700" rel=stylesheet><link rel=stylesheet href=https://use.fontawesome.com/releases/v5.8.1/css/all.css integrity=sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf crossorigin=anonymous><title>vue-agile | demo</title><meta name=description content="vue-agile is a touch-friendly, responsive, easy to use carousel component for Vue.js inspired by Slick."><link href=/vue-agile/css/app.c7987dca.css rel=preload as=style><link href=/vue-agile/js/app.60207619.js rel=preload as=script><link href=/vue-agile/js/chunk-vendors.6a6591ab.js rel=preload as=script><link href=/vue-agile/css/app.c7987dca.css rel=stylesheet></head><body><noscript><strong>We're sorry but app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script async defer src=https://buttons.github.io/buttons.js></script><script async src=//platform.twitter.com/widgets.js charset=utf-8></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1+
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1"><link href="//fonts.googleapis.com/css?family=Lato:300,400,700" rel=stylesheet><link rel=stylesheet href=https://use.fontawesome.com/releases/v5.8.1/css/all.css integrity=sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf crossorigin=anonymous><title>vue-agile | demo</title><meta name=description content="vue-agile is a touch-friendly, responsive, easy to use carousel component for Vue.js inspired by Slick."><link href=/vue-agile/css/app.9bcc5cac.css rel=preload as=style><link href=/vue-agile/js/app.aa79ebca.js rel=preload as=script><link href=/vue-agile/js/chunk-vendors.6a6591ab.js rel=preload as=script><link href=/vue-agile/css/app.9bcc5cac.css rel=stylesheet></head><body><noscript><strong>We're sorry but app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script async defer src=https://buttons.github.io/buttons.js></script><script async src=//platform.twitter.com/widgets.js charset=utf-8></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
22
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
33
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
44
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
55
ga('create', 'UA-104121614-1', 'auto');
6-
ga('send', 'pageview');</script><script src=/vue-agile/js/chunk-vendors.6a6591ab.js></script><script src=/vue-agile/js/app.60207619.js></script></body></html>
6+
ga('send', 'pageview');</script><script src=/vue-agile/js/chunk-vendors.6a6591ab.js></script><script src=/vue-agile/js/app.aa79ebca.js></script></body></html>

‎docs/js/app.60207619.js‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎docs/js/app.60207619.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/js/app.aa79ebca.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)