External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

improved captcha modal design

Browse Source
This commit is contained in:
plebbitor
2023-03-14 11:23:59 +01:00
parent 60e7b0dacc
commit a18af8562c
1 changed files with 5 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CaptchaModal.jsx
+5 -15
View File
@@ -4,20 +4,10 @@ import Modal from 'react-modal';
import styled from 'styled-components'; import styled from 'styled-components';
const StyledModal = styled(Modal)` const StyledModal = styled(Modal)`
@media (min-width: 480px) {
.modal-content {
width: 450px;
height: 300px;
}
}
@media (max-width: 480px) {
.modal-content {
width: 90%;
height: 40%;
}
}
.modal-content { .modal-content {
width: 400px;
height: 300px;
display: flex; display: flex;
align-self: center; align-self: center;
flex-direction: column; flex-direction: column;
@@ -40,21 +30,21 @@ const StyledModal = styled(Modal)`
} }
img { img {
width: 80%; width: 300px;
height: 100px; height: 100px;
object-fit: contain; object-fit: contain;
} }
.challenge { .challenge {
font-size: 12pt; font-size: 12pt;
margin-bottom: 30px; margin-bottom: 40px;
font-weight: 700; font-weight: 700;
color: #fff; color: #fff;
} }
input { input {
margin-top: 30px; margin-top: 30px;
width: 70%; width: 300px;
padding: 2px; padding: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
font-family: monospace; font-family: monospace;