style: enhance readability by adding spacing between components
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:
parent
0480c75ae3
commit
081133574a
1 changed files with 5 additions and 0 deletions
|
@ -2,17 +2,21 @@ body {
|
|||
padding-top: 50px;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
.qr-code-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.textarea-container {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #343a40;
|
||||
color: #fff;
|
||||
|
@ -22,6 +26,7 @@ footer {
|
|||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #ffc107;
|
||||
text-decoration: none;
|
||||
|
|
Loading…
Reference in a new issue