fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Add styled info section with heading and paragraph elements

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-29 20:56:08 +00:00
parent b8dbd73951
commit e2af29413f
1 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
code/websites/pokedex.online/src/views/ChallongeTest.vue
View File

@@ -313,6 +313,26 @@ h1 {
border: 2px solid #fcd34d; border: 2px solid #fcd34d;
} }
.info-section {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 1.5rem;
border-radius: 4px;
margin-bottom: 1.5rem;
}
.info-section h4 {
margin-top: 0;
color: #1976d2;
font-size: 1.1rem;
}
.info-section p {
margin: 0.5rem 0 1rem;
color: #555;
line-height: 1.5;
}
.no-key-section { .no-key-section {
text-align: center; text-align: center;
padding: 3rem 2rem; padding: 3rem 2rem;
@@ -391,6 +411,24 @@ h2 {
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
} }
.btn-secondary {
background: #2196f3;
color: white;
padding: 0.5rem 1rem;
border-radius: 4px;
text-decoration: none;
display: inline-block;
font-weight: 500;
transition: all 0.2s;
border: none;
cursor: pointer;
}
.btn-secondary:hover {
background: #1976d2;
transform: translateY(-2px);
}
.btn:disabled { .btn:disabled {
opacity: 0.6; opacity: 0.6;
cursor: not-allowed; cursor: not-allowed;