Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-03-29 13:59:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: futher improve card styling on mobile

Browse source 
fix: crash on massive fonts on mobile
This commit is contained in:
ThaUnknown 2024-07-11 20:16:19 +02:00
parent 087075a9fd
commit 3d807ebe55
6 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
common/components/cards/SmallCard.svelte
View file

@ -45,11 +45,11 @@
{media.title.userPreferred}
</div>
<div class='d-flex flex-row mt-auto pt-10 font-weight-medium justify-content-between w-full text-muted'>
<div class='d-flex align-items-center' style='margin-left: -3px'>
<div class='d-flex align-items-center pr-5' style='margin-left: -2px'>
<span class='material-symbols-outlined font-size-24 pr-5'>calendar_month</span>
{media.seasonYear || 'N/A'}
</div>
<div class='d-flex align-items-center'>
<div class='d-flex align-items-center text-nowrap text-right'>
{formatMap[media.format]}
<span class='material-symbols-outlined font-size-24 pl-5'>monitor</span>
</div>
@ -58,9 +58,6 @@
</div>
<style>
.first-check:first-child :global(.absolute-container) {
left: -48% !important
}
.first-check:hover {
z-index: 30;
/* fixes transform scaling on click causing z-index issues */

2
common/css.css
View file

@ -51,7 +51,7 @@
a[href]:active, button:not([disabled]):active, fieldset:not([disabled]):active, input:not([disabled]):active, optgroup:not([disabled]):active, option:not([disabled]):active, select:not([disabled]):active, textarea:not([disabled]):active, details:active, [tabindex]:not([tabindex="-1"]):active, [contenteditable]:active, [controls]:active {
transition: transform 0.1s ease-in-out;
transform: scale(0.95);
transform: scale(0.95) !important;
}
.btn-secondary {

6
common/modules/parser.js
View file

@ -1,6 +1,7 @@
import Metadata from 'matroska-metadata'
import { arr2text } from 'uint8-util'
import { fontRx } from './util.js'
import { SUPPORTS } from '@/modules/support.js'
export default class Parser {
parsed = false
@ -34,7 +35,10 @@ export default class Parser {
for (const file of files) {
if (fontRx.test(file.filename) || file.mimetype?.toLowerCase().includes('font')) {
// this is cursed, but required, as capacitor-node's IPC hangs for 2mins when runnig on 32bit android when sending uint8's
this.client.dispatch('file', { data: arr2text(file.data) })
const data = arr2text(file.data)
// IPC crashes if the message is >16MB, wild
if (SUPPORTS.isAndroid && data.length > 15_000_000) continue
this.client.dispatch('file', { data })
}
}
})

2
common/modules/webtorrent.js
View file

@ -4,7 +4,7 @@ import HTTPTracker from 'bittorrent-tracker/lib/client/http-tracker.js'
import { hex2bin, arr2hex, text2arr } from 'uint8-util'
import Parser from './parser.js'
import { defaults, fontRx, subRx, videoRx } from './util.js'
import { SUPPORTS } from './support.js'
import { SUPPORTS } from '@/modules/support.js'
// HACK: this is https only, but electron doesnt run in https, weirdge
if (!globalThis.FileSystemFileHandle) globalThis.FileSystemFileHandle = false

3
common/views/Home/Section.svelte
View file

@ -50,6 +50,9 @@
</div>
<style>
.gallery :global(.first-check:first-child) :global(.absolute-container) {
left: -48% !important
}
.text-muted:hover {
color: var(--dm-link-text-color-hover) !important;
}

2
common/views/Search.svelte
View file

@ -80,7 +80,7 @@
<style>
.d-grid:has(.item.small-card) {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important
grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important
}
.d-grid:has(.card.full-card) {
grid-template-columns: repeat(auto-fill, minmax(52rem, 1fr)) !important