From 554a99c96d223eacc4bb6e10e3f6ad1712397f3a Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 12 Jul 2021 11:42:47 +0530
Subject: fixed transition only happening on hover in

---
 src/components/Print/Print.scss       | 13 +++++++++++++
 src/components/Print/PrintableDoc.tsx |  1 +
 2 files changed, 14 insertions(+)
 create mode 100644 src/components/Print/Print.scss

(limited to 'src/components/Print')

diff --git a/src/components/Print/Print.scss b/src/components/Print/Print.scss
new file mode 100644
index 0000000..bae5f76
--- /dev/null
+++ b/src/components/Print/Print.scss
@@ -0,0 +1,13 @@
+@import "../../styles/theme";
+
+.PDFViewer {
+  height: 95%;
+  width: 95%;
+  border: 2px solid $border0;
+
+  position: fixed;
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+  margin: auto;
+  z-index: 3;
+}
diff --git a/src/components/Print/PrintableDoc.tsx b/src/components/Print/PrintableDoc.tsx
index bcabcbc..67c8580 100644
--- a/src/components/Print/PrintableDoc.tsx
+++ b/src/components/Print/PrintableDoc.tsx
@@ -7,6 +7,7 @@
 */
 
 import React, { /*useState,*/ } from "react";
+import "./Print.scss";
 import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
 
 const styles = StyleSheet.create({
-- 
cgit v1.2.3