diff options
| author | James Hu <51237606+jameshu111@users.noreply.github.com> | 2023-07-26 12:15:46 -0400 |
|---|---|---|
| committer | James Hu <51237606+jameshu111@users.noreply.github.com> | 2023-07-26 12:15:46 -0400 |
| commit | 4a8cf5ee3fd6f01ff2d28ccc0a456e9782bd261b (patch) | |
| tree | a1a4ac7200a38f55227fff941d8d7246cb85eebf /src/client/views/newlightbox/ExploreView/ExploreView.scss | |
| parent | 7c1017f15b9c0ad09d3e0185e310733ab7c10c09 (diff) | |
| parent | c87024c06941920f1df689d54d82cc309891e3d2 (diff) | |
Merge branch 'master' into james-azure-image
Diffstat (limited to 'src/client/views/newlightbox/ExploreView/ExploreView.scss')
| -rw-r--r-- | src/client/views/newlightbox/ExploreView/ExploreView.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/src/client/views/newlightbox/ExploreView/ExploreView.scss b/src/client/views/newlightbox/ExploreView/ExploreView.scss new file mode 100644 index 000000000..5a8ab2f87 --- /dev/null +++ b/src/client/views/newlightbox/ExploreView/ExploreView.scss @@ -0,0 +1,44 @@ +@import '../NewLightboxStyles.scss'; + +.exploreView-container { + width: 100%; + height: 100%; + border-radius: 20px; + position: relative; + // transform: scale(1); + background: $gray-l1; + border-top: $standard-border; + border-color: $gray-l2; + border-radius: 0px 0px 20px 20px; + transform-origin: 50% 50%; + overflow: hidden; + + &.dark { + background: $black; + } + + &.light, + &.default { + background: $gray-l1; + } + + .exploreView-doc { + width: 60px; + height: 80px; + position: absolute; + background: $blue-l2; + // opacity: 0.8; + transform-origin: 50% 50%; + transform: translate(-50%, -50%) scale(1); + cursor: pointer; + transition: 0.2s ease; + overflow: hidden; + font-size: 9px; + padding: 10px; + border-radius: 5px; + + &:hover { + transform: translate(calc(-50% * 1.125), calc(-50% * 1.125)) scale(1.5); + } + } +}
\ No newline at end of file |