From 997239e74ddb2ce3bd159222664c42f8978d5286 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 1 Jun 2017 18:11:31 -0400 Subject: printer socket io and stuff --- lib/awprint/public/index.html | 40 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) (limited to 'lib/awprint/public/index.html') diff --git a/lib/awprint/public/index.html b/lib/awprint/public/index.html index eb76d44..0f8052b 100644 --- a/lib/awprint/public/index.html +++ b/lib/awprint/public/index.html @@ -14,6 +14,8 @@ body { font-size: 13px; background: black; color: white; +} +#react-root { padding: 5px; } .print { @@ -24,7 +26,7 @@ body { } .print img { display: block; - width: 250px; + width: 230px; margin: 5px; } .print div { @@ -34,11 +36,47 @@ body { border: 1px solid #333; cursor: default; } +.modal { + position: fixed; + top: 100%; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + background-color: rgba(0,0,0,0.7); + flex: 1; + flex-direction: column; + align-items: center; + justify-content: center; + transition: opacity 250ms; + opacity: 0; + font-size: 24px; +} +.modal.visible { + top: 0%; + opacity: 1; +} +.modal .inner { + padding: 30px; + border-radius: 30px; + background: rgb(0,0,0); + text-align: center; + position: absolute; + top: 50%; left: 50%; + transform: translate3D(-50%, -50%, 0); +} +.modal img { + width: 70px; + height: 70px; + margin: 20px; +}

+ +