Meine Codes: Listenansicht mit Suche, Sortierung und Gruppenfilter
Bei vielen Projekten ist die Kartenansicht unuebersichtlich. Die Liste ist jetzt die Voreinstellung, die Karten bleiben ueber einen Schalter erreichbar; die Wahl merkt sich der Browser. Dazu Suche ueber Name, Ziel, Kurz-URL und Typ, Sortierung nach Datum, Name oder Scans sowie ein Gruppenfilter, sobald Codes in mehr als einer Gruppe liegen. Die Seite ist breiter als die uebrigen, damit die Namen Platz haben. Die Tabelle hat feste Spaltenbreiten: mit automatischem Layout hat ihre Eigenbreite die ganze Seite seitlich scrollbar gemacht, auch wenn der Container sie eigentlich beschnitten hat. Auf schmalen Schirmen weichen die hinteren Spalten, die Kurz-URL rueckt unter den Namen.
This commit is contained in:
@@ -10,8 +10,10 @@ export const dynamic = "force-dynamic";
|
||||
export default async function MyCodesPage() {
|
||||
await requirePageActor();
|
||||
|
||||
// Breiter als die übrigen Seiten: Die Liste soll viele Projekte
|
||||
// nebeneinander zeigen können.
|
||||
return (
|
||||
<div className="mx-auto max-w-4xl px-4 py-8 sm:px-6 sm:py-10">
|
||||
<div className="mx-auto max-w-6xl px-4 py-8 sm:px-6 sm:py-10">
|
||||
<div className="mb-7">
|
||||
<h1 className="text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">
|
||||
Meine Codes
|
||||
|
||||
Reference in New Issue
Block a user