PrivateCoffee/QRMaker
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: enhance readability by adding spacing between components

Browse source 
Added additional spacing between several components for better separation, improving the overall readability and visual clarity of the page. Updated the body, qr-code-container, card, textarea-container, and footer sections with these adjustments.
This commit is contained in:
Kumi 2024-09-07 22:02:50 +02:00
parent 0480c75ae3
commit 081133574a
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
style.css
View file

@ -2,17 +2,21 @@ body {
padding-top: 50px; padding-top: 50px;
background-color: #f8f9fa; background-color: #f8f9fa;
} }
.qr-code-container { .qr-code-container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 20px; margin-top: 20px;
} }
.card { .card {
padding: 20px; padding: 20px;
} }
.textarea-container { .textarea-container {
margin-bottom: 20px; margin-bottom: 20px;
} }
footer { footer {
background-color: #343a40; background-color: #343a40;
color: #fff; color: #fff;
@ -22,6 +26,7 @@ footer {
bottom: 0; bottom: 0;
text-align: center; text-align: center;
} }
footer a { footer a {
color: #ffc107; color: #ffc107;
text-decoration: none; text-decoration: none;