tiradoe/movie-night-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleaned up mobile styling and updated input action component

Browse source
This commit is contained in:
Edward Tirado Jr 2026-04-08 19:04:15 -05:00
parent 59fb81a42e
commit a8488f111f
11 changed files with 112 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/movie-list.vue
View file

@ -194,7 +194,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
.movie-list {
display: grid;
/*grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));*/
grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
gap: 1rem;
}
@ -251,7 +251,7 @@ const isSortActive = (field: SortField, direction: SortDirection): boolean => {
.list-controls {
width: 100%;
border-bottom: 2px solid black;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding-bottom: 1rem;
}