ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 11:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix tablet positioning of labels in blog

Browse Source
This commit is contained in:
akcodez
2025-04-07 12:26:47 -07:00
parent 420ed5f4ff
commit ebca41a259
3 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
blog/index.page.tsx
View File

@@ -207,7 +207,7 @@ export default function Index() {
className="mb-4"
/>
<div
className={`d-inline-block label blog-category-${card.category_id}`}
className={`d-block label blog-category-${card.category_id}`}
>
{translate(card.category)}
</div>

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

20
styles/_blog.scss
View File

@@ -55,6 +55,26 @@
width: 100%;
}
}
.label{
width: fit-content;
}
}
// Add styles to ensure proper wrapping on tablet sizes
@media (min-width: 768px) and (max-width: 991px) {
#category-list {
display: block;
img {
display: block;
margin-bottom: 10px;
}
.label {
display: block !important;
margin-bottom: 15px;
}
}
}
.category_sidebar {