crowetic/Q-Mintership-Alpha
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

increased font sizes and fixed comments not displaying correctly

Browse Source
This commit is contained in:
crowetic
2024-12-11 18:57:50 -08:00
parent 2456498881
commit f0a2a3ea58
3 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
assets/css/forum-styles.css
View File

@@ -541,17 +541,20 @@ body {
padding: 1.2vh;
}
}
@media (max-width: 768px) {
.minter-card {
flex: 1 1 calc(50% - 20px); /* Two cards per row on medium screens */
}
}
/* Two cards per row on medium screens */
@media (max-width: 480px) {
/* @media (max-width: 768px) {
.minter-card {
flex: 1 1 100%; /* Full-width cards on small screens */
flex: 1 1 calc(50% - 20px);
}
}
} */
/* Full-width cards on small screens */
/* @media (max-width: 480px) {
.minter-card {
flex: 1 1 100%;
}
} */
.minter-card {
background-color: #1e1e2e; /* Dark background */
@@ -581,19 +584,22 @@ body {
.minter-card-header h3 {
margin: 0;
font-size: 1.5em;
font-size: 1.6em;
color: #ffae42; /* Highlight for the header */
}
.minter-card h5 {
margin: 0;
font-size: 1.0em;
font-size: 1.4em;
color: lightgreen;
text-align: center;
}
.minter-card p {
font-size: 1.12em;
}
.minter-card-header p {
font-size: 0.9em;
font-size: 1.15em;
color: #cccccc; /* Subdued color for additional header info */
}
@@ -609,7 +615,7 @@ body {
.minter-card-results h5 {
margin-bottom: 1vh;
font-size: 1.1vh;
font-size: 1.3em;
color: lightgreen;
text-align: center;
}
@@ -622,7 +628,7 @@ body {
.minter-card-results span {
padding: 5px 10px;
border-radius: 8px;
font-size: 0.9em;
font-size: 1.1em;
}
.minter-card-results .admin-yes {
@@ -665,7 +671,7 @@ body {
border: 1px solid #d3d3d3; /* Light grey border */
padding: 1rem; /* Add padding inside the section */
margin: 1rem 0; /* Add margin outside the section for spacing */
font-size: 0.75em; /* Set the font size */
font-size: 1.1em; /* Set the font size */
line-height: 1.5; /* Optional: Adjust line spacing for better readability */
height: calc(1.5 * 750 / 66 * 0.8em); /* Dynamically calculate height to fit 1000 characters */
overflow-y: auto; /* Enable vertical scrolling if content overflows */
@@ -769,6 +775,10 @@ body {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.comments {
font-size: 1.15em;
}
.comments-container {
margin-bottom: 10px;
max-height: 150px;
@@ -801,10 +811,7 @@ textarea::placeholder {
background-color: #0055cc;
}
.minter-card p {
font-size: 12px;
color: gray;
}