Pārlūkot izejas kodu

Font styling for Webcam option. Styling made similar to rest of dashboard options

muhammadInam 7 gadi atpakaļ
vecāks
revīzija
2a18782722
2 mainītis faili ar 16 papildinājumiem un 1 dzēšanām
  1. 1 1
      src/plugins/Webcam/PermissionsScreen.js
  2. 15 0
      src/scss/_webcam.scss

+ 1 - 1
src/plugins/Webcam/PermissionsScreen.js

@@ -3,7 +3,7 @@ const { h } = require('preact')
 module.exports = (props) => {
   return (
     <div class="uppy-Webcam-permissons">
-      <h1>Please allow access to your camera</h1>
+      <h1 class="uppy-Webcam-Title">Please allow access to your camera</h1>
       <p>You have been prompted to allow camera access from this site.<br />
       In order to take pictures with your camera you must approve this request.</p>
     </div>

+ 15 - 0
src/scss/_webcam.scss

@@ -42,8 +42,23 @@
 
 .uppy-Webcam-permissons {
   padding: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column wrap;
+  height: 100%;
 }
 
 .uppy-Webcam-permissons p {
   line-height: 1.4;
 }
+
+.uppy-Webcam-Title {
+  font-size: 22px;
+  line-height: 1.35;
+  font-weight: 300;
+  margin-bottom: 30px;
+  padding: 0 15px;
+  max-width: 500px;
+  text-align: center;
+}