mirror/mCaptcha
1
0
Fork 1
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2026-02-11 10:05:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Let widget use full-screen

Browse Source 
- Instead of using static values for dimensions. Use responsive CSS and
take up the whole screen. Let the user deal with setting the correct
dimensions accordingly.
This commit is contained in:
Gusted
2022-07-26 22:58:17 +02:00
parent a040b39558
commit f56bc6d9e4
1 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/widget/main.scss
View File

@@ -18,10 +18,10 @@
@import '../reset'; @import '../reset';
.widget__contaienr { .widget__contaienr {
max-width: 300px; align-items: center;
max-height: 74px;
display: flex;
box-sizing: border-box; box-sizing: border-box;
display: flex;
height: 100%;
} }
.widget__noscript-container { .widget__noscript-container {
@@ -49,13 +49,10 @@
} }
.widget__verification-container { .widget__verification-container {
display: none;
/*display: flex; */
align-items: center; align-items: center;
display: none;
line-height: 30px; line-height: 30px;
flex: 2; font-size: 1rem;
margin: auto;
font-size: 0.99rem;
} }
.widget__verification-checkbox { .widget__verification-checkbox {
@@ -95,15 +92,10 @@
} }
.widget__mcaptcha-details { .widget__mcaptcha-details {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; margin-left: auto;
} margin-right: 10px;
.widget__mcaptcha-logo-container {
flex: 2;
padding-top: 3px;
} }
.widget__mcaptcha-brand-name { .widget__mcaptcha-brand-name {