Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix Schnellzugriff: negatives Margin entfernt, overflow hidden - exakt 4 Icons pro Reihe

Browse Source
This commit is contained in:
Dicken
2026-06-02 21:19:27 +02:00
parent 9f8891395a
commit d85a837f4d
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/App.jsx
View File

@@ -465,11 +465,10 @@ function QuickLinksCarousel({ links }) {
); );
return ( return (
<div style={{ position:'relative' }}> <div style={{ position:'relative', overflow:'hidden' }}>
<div ref={scrollRef} onScroll={onScroll} style={{ <div ref={scrollRef} onScroll={onScroll} style={{
display:'flex', overflowX:'auto', scrollSnapType:'x mandatory', display:'flex', overflowX:'auto', scrollSnapType:'x mandatory',
scrollbarWidth:'none', WebkitOverflowScrolling:'touch', scrollbarWidth:'none', WebkitOverflowScrolling:'touch',
marginInline:-14, paddingInline:14,
}}> }}>
{Array.from({length: pageCount}, (_,pi) => ( {Array.from({length: pageCount}, (_,pi) => (
<div key={pi} style={{ <div key={pi} style={{
@@ -477,7 +476,7 @@ function QuickLinksCarousel({ links }) {
gridTemplateColumns:`repeat(${perRow}, 1fr)`, gridTemplateColumns:`repeat(${perRow}, 1fr)`,
gridTemplateRows:'repeat(2, auto)', gridTemplateRows:'repeat(2, auto)',
gap, flexShrink:0, scrollSnapAlign:'start', gap, flexShrink:0, scrollSnapAlign:'start',
width:'100%', minWidth:'100%', width:'100%', minWidth:'100%', boxSizing:'border-box',
}}> }}>
{links.slice(pi*pageSize, (pi+1)*pageSize).map(l => <QuickLinkIcon key={l.id} l={l}/>)} {links.slice(pi*pageSize, (pi+1)*pageSize).map(l => <QuickLinkIcon key={l.id} l={l}/>)}
</div> </div>