FIX - qr code image size tweak

MichalSvatos · Mar 18, 2023 · 0ae9c7e · 0ae9c7e
1 parent 4689af5
commit 0ae9c7e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -9,6 +9,9 @@ Have you ever been in the situation in which you need to give someone your conta
 [![bIOYu4.md.png](https://iili.io/bIOYu4.md.png)](https://michalsvatos.github.io/mr-shareman)
 
 ## Changelog
+#### v1.2.1
+- FIX - QR code image size tweak
+
 #### v1.2.0
 - NEW - Generate QR code - thx [davidshimjs/qrcodejs](https://github.com/davidshimjs/qrcodejs)
 

diff --git a/index.html b/index.html
@@ -9,17 +9,17 @@
 	<meta name="description" content="Mr. Shareman - simple app for quickly sharing some text on the screen.">
 
 	<!-- Favicons -->
-	<link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png?v=1.2.0">
-	<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png?v=1.2.0">
-	<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png?v=1.2.0">
-	<link rel="manifest" href="./images/site.webmanifest?v=1.2.0">
-	<link rel="mask-icon" href="./images/safari-pinned-tab.svg?v=1.2.0" color="#08180b">
+	<link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png?v=1.2.1">
+	<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png?v=1.2.1">
+	<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png?v=1.2.1">
+	<link rel="manifest" href="./images/site.webmanifest?v=1.2.1">
+	<link rel="mask-icon" href="./images/safari-pinned-tab.svg?v=1.2.1" color="#08180b">
 	<meta name="msapplication-TileColor" content="#00a300">
 	<meta name="theme-color" content="#08180b">
 
 	<!-- #CSS -->
-	<link rel="stylesheet" href="./style.css?v=1.2.0">
-	<link rel="manifest" href="./manifest.json?v=1.2.0">
+	<link rel="stylesheet" href="./style.css?v=1.2.1">
+	<link rel="manifest" href="./manifest.json?v=1.2.1">
 </head>
 <body>
 <div class="glares"></div>
@@ -102,7 +102,7 @@ <h2 class="app__subtitle" data-title="▾ show me your screen ▾">
 	<div id="qr-code-container"></div>
 </div>
 <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
-<script src="./script.js?v=1.2.0"></script>
+<script src="./script.js?v=1.2.1"></script>
 <script>
 	window.addEventListener('load', () => {
 		registerSW();

diff --git a/style.css b/style.css
@@ -451,6 +451,7 @@ body::after {
 [id="qr-code-container"]:not(:empty) {
 	display: flex;
 	justify-content: center;
+	align-items: center;
 	padding: var(--gap) var(--gap);
 	background-color: rgb(var(--color-tertiary));
 	position: fixed;
@@ -460,6 +461,7 @@ body::after {
 
 [id="qr-code-container"] img {
 	border: var(--gap) solid #fff;
+	max-width: 100%;
 }
 
 .lights-on [id="qr-code-container"]:not(:empty) {