TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Improve grid for smaller displays.

Browse source
This commit is contained in:
FireMasterK 2021-12-27 14:46:37 +00:00
parent ea7669c863
commit 3a577a4dfa
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/App.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="w-full min-h-screen h-full p-5 reset" :class="{ dark: darkMode }">
<div class="w-full min-h-screen h-full px-1vw reset" :class="{ dark: darkMode }">
<Navigation />
<router-view v-slot="{ Component }">
<keep-alive :max="5">
@ -114,7 +114,7 @@ b {
}
.video-grid {
@apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto gap-x-1vw gap-y-1.5 mx-3;
@apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto <md:gap-x-2.5 md:gap-x-1vw gap-y-1.5 mx-3;
}
.btn {