From 628632ff5092f1e3cf6c968d9bdfbd9a24f59541 Mon Sep 17 00:00:00 2001
From: Marcin Zelent <marcin@zelent.net>
Date: Fri, 8 Jan 2021 19:47:37 +0100
Subject: Initial commit
---
components/Gallery/Gallery.module.css | 63 +++++++++++++++++++++++++++++++++++
1 file changed, 63 insertions(+)
create mode 100644 components/Gallery/Gallery.module.css
(limited to 'components/Gallery/Gallery.module.css')
diff --git a/components/Gallery/Gallery.module.css b/components/Gallery/Gallery.module.css
new file mode 100644
index 0000000..01e8037
--- /dev/null
+++ b/components/Gallery/Gallery.module.css
@@ -0,0 +1,63 @@
+.galleryContainer {
+ padding: 20px;
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 99999;
+ background: rgba(0, 0, 0, 0.8);
+}
+
+.photoContainer {
+ width: 100%;
+ height: 100%;
+ padding: 20px;
+ position: relative;
+}
+
+.photo {
+ max-width: 100%;
+ max-height: 100%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.btn {
+ position: absolute;
+ z-index: 99999;
+ font-size: 2rem;
+ color: #eee;
+ background: none;
+ border: none;
+ cursor: pointer;
+ outline: currentcolor none medium;
+}
+
+.btn:hover {
+ color: #fff;
+}
+
+.arrowLeft {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+}
+
+.arrowRight {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+
+.closeBtn {
+ width: 64px;
+ height: 64px;
+ top: 0;
+ right: 0;
+ font-size: 4rem;
+ line-height: 4rem;
+ font-weight: 300;
+}
--
cgit v1.2.3