aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionCarouselView.scss
diff options
context:
space:
mode:
authorusodhi <61431818+usodhi@users.noreply.github.com>2021-05-13 01:40:40 -0400
committerusodhi <61431818+usodhi@users.noreply.github.com>2021-05-13 01:40:40 -0400
commitfdd5ab800536a8f1dd8acff284bd3a956a4a17ff (patch)
tree62ad87dc41cd8fec6e5d7005e616e6f1f44d242a /src/client/views/collections/CollectionCarouselView.scss
parenta97cd98786ff5572547430fff6c9a46117423bb1 (diff)
parent66f120531a7e86a7a6bfac30e9c966c3baaed99d (diff)
merging
Diffstat (limited to 'src/client/views/collections/CollectionCarouselView.scss')
-rw-r--r--src/client/views/collections/CollectionCarouselView.scss15
1 files changed, 8 insertions, 7 deletions
diff --git a/src/client/views/collections/CollectionCarouselView.scss b/src/client/views/collections/CollectionCarouselView.scss
index a9a1898f5..8660113cd 100644
--- a/src/client/views/collections/CollectionCarouselView.scss
+++ b/src/client/views/collections/CollectionCarouselView.scss
@@ -1,13 +1,10 @@
.collectionCarouselView-outer {
- background: gray;
height : 100%;
.collectionCarouselView-caption {
- margin-left: 10%;
- margin-right: 10%;
height: 50;
display: inline-block;
- width: 80%;
+ width: 100%;
}
.collectionCarouselView-image {
height: calc(100% - 50px);
@@ -19,13 +16,17 @@
.carouselView-back, .carouselView-fwd {
position: absolute;
display: flex;
- top: 50%;
+ top: 42.5%;
width: 30;
- height: 30;
+ height: 15%;
align-items: center;
border-radius: 5px;
justify-content: center;
- background : rgba(255, 255, 255, 0.46);
+ color: rgba(255,255,255,0.5);
+ background : rgba(0,0,0, 0.1);
+ &:hover {
+ color:white;
+ }
}
.carouselView-fwd {
right: 0;