diff options
Diffstat (limited to 'src/components/Print')
-rw-r--r-- | src/components/Print/Print.scss | 13 | ||||
-rw-r--r-- | src/components/Print/PrintableDoc.tsx | 40 |
2 files changed, 0 insertions, 53 deletions
diff --git a/src/components/Print/Print.scss b/src/components/Print/Print.scss deleted file mode 100644 index bae5f76..0000000 --- a/src/components/Print/Print.scss +++ /dev/null @@ -1,13 +0,0 @@ -@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 deleted file mode 100644 index 67c8580..0000000 --- a/src/components/Print/PrintableDoc.tsx +++ /dev/null @@ -1,40 +0,0 @@ -/* - * OpenBills - Self hosted browser app to generate and keep track of simple invoices - * Version - 0 - * Licensed under the MIT license - https://opensource.org/licenses/MIT - * - * Copyright (c) 2021 Vidhu Kant Sharma -*/ - -import React, { /*useState,*/ } from "react"; -import "./Print.scss"; -import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer'; - -const styles = StyleSheet.create({ - page: { - flexDirection: 'row', - backgroundColor: '#E4E4E4' - }, - section: { - margin: 10, - padding: 10, - flexGrow: 1 - } -}); - -const PrintableDoc: React.FC = () => { - return ( - <Document> - <Page size="A4" style={styles.page}> - <View style={styles.section}> - <Text>Section #1</Text> - </View> - <View style={styles.section}> - <Text>Section #2</Text> - </View> - </Page> - </Document> - ); -} - -export default PrintableDoc; |