diff options
| author | Melissa Zhang <mzhang19096@gmail.com> | 2020-05-26 23:33:31 -0700 |
|---|---|---|
| committer | Melissa Zhang <mzhang19096@gmail.com> | 2020-05-26 23:33:31 -0700 |
| commit | 04e285a5b65d0b66c0792fafcd97d7f80e05b7f4 (patch) | |
| tree | f0649c53221016912ac85456eebb4723ad651059 /src/client/views/collections/CollectionCarousel3DView.scss | |
| parent | 481ce09aa523de3792295e766c1bc4c80982bf53 (diff) | |
added dots bar for navigating through carousel
Diffstat (limited to 'src/client/views/collections/CollectionCarousel3DView.scss')
| -rw-r--r-- | src/client/views/collections/CollectionCarousel3DView.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss index d1504dd12..47ee8ef53 100644 --- a/src/client/views/collections/CollectionCarousel3DView.scss +++ b/src/client/views/collections/CollectionCarousel3DView.scss @@ -18,4 +18,27 @@ transition: height 0.5s linear; transition: width 0.5s linear; } +} + +.dot-bar { + display: flex; + position: absolute; + justify-content: center; + bottom: 5%; + width: 100%; + + .dot, + .dot-active { + height: 15px; + width: 15px; + border-radius: 50%; + margin: 3px; + display: inline-block; + background-color: lightgrey; + cursor: pointer; + } + + .dot-active { + background-color: grey; + } }
\ No newline at end of file |