mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-27 20:58:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request 'style: Improve responsiveness of Genre buttons grid' (#152) from jaredyalves/Hyperpipe:fix-explore-grid into main

Browse source 
Reviewed-on: https://codeberg.org/Hyperpipe/Hyperpipe/pulls/152
This commit is contained in:
Shiny Nematoda 2023-11-25 06:46:09 +00:00
commit 3e30862fcd
1 changed files with 1 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Genres.vue
View file

@ -124,10 +124,7 @@ onMounted(get);
} }
.btn-grid { .btn-grid {
display: grid; display: grid;
align-self: center; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
max-width: 100%;
grid-template-columns: repeat(auto-fill, 8rem);
grid-auto-rows: 1fr;
gap: 0.125rem; gap: 0.125rem;
padding: 1rem 0; padding: 1rem 0;
} }
@ -154,9 +151,4 @@ onMounted(get);
text-align: center; text-align: center;
text-transform: capitalize; text-transform: capitalize;
} }
@media (max-width: 600px) {
.btn-grid {
grid-template-columns: repeat(3, 1fr);
}
}
</style> </style>