AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactor(site.css): convert px to rem units

Browse Source
This commit is contained in:
Developer 02
2024-07-22 10:01:09 +02:00
parent 9782503d1d
commit 755fcfeef2
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
EnvelopeGenerator.Web/wwwroot/css/site.css
View File

@@ -71,8 +71,8 @@ body {
.page {
margin-top: 3rem;
background: white;
border-radius: 5px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
border-radius: 0.313rem;
box-shadow: rgba(9, 30, 66, 0.25) 0rem 0.25rem 0.5rem -0.125rem, rgba(9, 30, 66, 0.08) 0rem 0rem 0rem 0.063rem;
max-width: 40rem;
}
@@ -83,8 +83,8 @@ body {
.page header .icon {
display: inline-block;
border-radius: 100px;
padding: 15px;
border-radius: 6.25rem;
padding: 0.938rem;
margin-bottom: 2rem;
}
@@ -128,7 +128,7 @@ body {
.envelope {
display: block;
border: 1px solid #eee;
border: 0.063rem solid #eee;
margin-bottom: 1rem;
padding: 0.5rem;
}
@@ -160,7 +160,7 @@ footer#page-footer {
.sender-card img {
height: 7vh;
background-color: rgb(209, 207, 207);
border-radius: 50px;
border-radius: 3.125rem;
}
.envelope-message {
@@ -183,14 +183,14 @@ footer#page-footer {
/* CSS for custom class to increase dropdown height */
.increase-dropdown-height {
min-height: 400px; /* Optional, larger value for increased height */
min-height: 25rem; /* Optional, larger value for increased height */
}
/* Adjusting select2 width to fit within a specific form size */
.dropdown-flag .select2-container {
width: 100% !important; /* Makes the container full width */
max-width: 180px; /* Suitable maximum width for the form */
max-width: 11.25rem; /* Suitable maximum width for the form */
}
.lang-item {
@@ -203,15 +203,15 @@ footer#page-footer {
.highlight {
font-weight: 700;
font-size: 13px;
font-size: 0.85rem;
}
.signature-process-title, .signature-process-name {
font-size: 18px;
font-size: 1.125rem;
}
.signature-process-name {
font-size: 15px;
font-size: 0.938rem;
font-weight: 700;
}