This commit is contained in:
parent
70abf0a2bd
commit
ec8ab05349
16 changed files with 152 additions and 96 deletions
|
@ -165,37 +165,45 @@
|
|||
|
||||
/* Spacing & sizing */
|
||||
padding: 32px;
|
||||
max-width: 600px; /* Increased width */
|
||||
max-height: 80vh; /* Optional: restrict height to 80% of viewport */
|
||||
overflow-y: auto; /* Enable scrolling if content exceeds height */
|
||||
max-width: 600px;
|
||||
/* Increased width */
|
||||
max-height: 80vh;
|
||||
/* Optional: restrict height to 80% of viewport */
|
||||
overflow-y: auto;
|
||||
/* Enable scrolling if content exceeds height */
|
||||
color: var(--font-fg);
|
||||
}
|
||||
|
||||
#aboutQGatoModal #close-button {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px; /* Moved close button to top-right */
|
||||
right: 12px;
|
||||
/* Moved close button to top-right */
|
||||
}
|
||||
|
||||
#aboutQGatoModal .modal-content {
|
||||
text-align: center;
|
||||
margin-top: 20px; /* Adjusted spacing */
|
||||
margin-top: 20px;
|
||||
/* Adjusted spacing */
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
#aboutQGatoModal .modal-content img {
|
||||
width: 100px; /* Increased logo size */
|
||||
width: 100px;
|
||||
/* Increased logo size */
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
/* Headings, paragraphs, etc. */
|
||||
#aboutQGatoModal .modal-content h2 {
|
||||
font-size: 2rem; /* Larger heading */
|
||||
font-size: 2rem;
|
||||
/* Larger heading */
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#aboutQGatoModal .modal-content p {
|
||||
font-size: 1.1rem; /* Larger paragraph text */
|
||||
font-size: 1.1rem;
|
||||
/* Larger paragraph text */
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
|
@ -213,8 +221,10 @@
|
|||
color: var(--font-fg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 6px;
|
||||
padding: 12px 16px; /* Larger button padding */
|
||||
font-size: 1rem; /* Larger button text */
|
||||
padding: 12px 16px;
|
||||
/* Larger button padding */
|
||||
font-size: 1rem;
|
||||
/* Larger button text */
|
||||
cursor: pointer;
|
||||
transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
|
||||
}
|
||||
|
@ -225,7 +235,8 @@
|
|||
|
||||
/* Close Button Style */
|
||||
.cloase-btn {
|
||||
font-size: 1.5rem; /* Larger close button */
|
||||
font-size: 1.5rem;
|
||||
/* Larger close button */
|
||||
color: var(--search-button);
|
||||
border-radius: 50%;
|
||||
padding: 8px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue