feat: migrate npm registry from Verdaccio to Gitea Packages

packages/pdf-library/src/components/pdf/modules/SitemapModule.tsx

@@ -17,64 +17,61 @@ const styles = StyleSheet.create({
     marginBottom: 24,
     textAlign: "justify",
   },
-  sitemapTree: { marginTop: 8 },
-  rootNode: {
-    padding: 12,
-    backgroundColor: COLORS.GRID,
-    marginBottom: 20,
-    borderLeftWidth: 2,
-    borderLeftColor: COLORS.CHARCOAL,
+  sitemapTree: {
+    marginTop: 8,
+    borderLeftWidth: 1,
+    borderLeftColor: COLORS.GRID,
+    marginLeft: 4,
+    paddingLeft: 16,
   },
   rootTitle: {
-    fontSize: FONT_SIZES.HEADING,
+    fontSize: FONT_SIZES.LABEL,
     fontWeight: "bold",
     color: COLORS.CHARCOAL,
-    letterSpacing: 0.5,
+    textTransform: "uppercase",
+    letterSpacing: 1,
+    marginBottom: 16,
+    marginLeft: -16, // offset the padding
   },
-  categorySection: { marginBottom: 20 },
+  categorySection: { marginBottom: 16 },
   categoryHeader: {
     flexDirection: "row",
     alignItems: "center",
-    paddingBottom: 6,
-    borderBottomWidth: 1,
-    borderBottomColor: COLORS.BLUEPRINT,
-    marginBottom: 10,
+    marginBottom: 8,
   },
   categoryIcon: {
-    width: 8,
-    height: 8,
-    backgroundColor: COLORS.GRID,
-    borderInlineWidth: 1,
-    borderColor: COLORS.DIVIDER,
-    marginRight: 10,
+    width: 6,
+    height: 6,
+    backgroundColor: COLORS.CHARCOAL,
+    marginRight: 8,
   },
   categoryTitle: {
     fontSize: FONT_SIZES.BODY,
     fontWeight: "bold",
     color: COLORS.CHARCOAL,
-    textTransform: "uppercase",
-    letterSpacing: 1,
   },
-  pagesGrid: { flexDirection: "row", flexWrap: "wrap" },
-  pageCard: {
-    width: "48%",
-    marginRight: "2%",
-    marginBottom: 12,
-    padding: 10,
-    borderWidth: 1,
-    borderColor: COLORS.GRID,
-    backgroundColor: "#fafafa",
+  pageRow: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    marginBottom: 6,
+    paddingLeft: 14,
+  },
+  pageBullet: {
+    fontSize: FONT_SIZES.BODY,
+    color: COLORS.TEXT_LIGHT,
+    marginRight: 8,
+    width: 10,
   },
   pageTitle: {
     fontSize: FONT_SIZES.BODY,
-    fontWeight: "bold",
     color: COLORS.TEXT_MAIN,
-    marginBottom: 4,
+    fontWeight: "bold",
   },
   pageDesc: {
-    fontSize: FONT_SIZES.TINY,
+    fontSize: FONT_SIZES.SMALL,
     color: COLORS.TEXT_DIM,
-    lineHeight: 1.3,
+    marginLeft: 6,
+    marginTop: 1,
   },
 });
 
@@ -83,16 +80,13 @@ export const SitemapModule = ({ state }: any) => (
     <DocumentTitle title="Informationsarchitektur" isHero={true} />
     <PDFView style={styles.section}>
       <PDFText style={styles.intro}>
-        Die folgende Struktur definiert die logische Hierarchie und
-        Benutzerführung. Sie dient als Bauplan für die technische Umsetzung und
-        stellt sicher, dass alle relevanten Geschäftsbereiche intuitiv
-        auffindbar sind.
+        Die folgende Baumstruktur definiert die logische Hierarchie und
+        Benutzerführung. Sie dient als kompakter Bauplan für die technische
+        Umsetzung aller relevanten Geschäftsbereiche.
       </PDFText>
 
       <PDFView style={styles.sitemapTree}>
-        <PDFView style={styles.rootNode}>
-          <PDFText style={styles.rootTitle}>Seitenstruktur</PDFText>
-        </PDFView>
+        <PDFText style={styles.rootTitle}>/ Root (Startseite)</PDFText>
 
         {state.sitemap?.map((cat: any, i: number) => (
           <PDFView key={i} style={styles.categorySection} wrap={false}>
@@ -101,18 +95,13 @@ export const SitemapModule = ({ state }: any) => (
               <PDFText style={styles.categoryTitle}>{cat.category}</PDFText>
             </PDFView>
 
-            <PDFView style={styles.pagesGrid}>
+            <PDFView>
               {cat.pages.map((p: any, j: number) => (
-                <PDFView
-                  key={j}
-                  style={[
-                    styles.pageCard,
-                    j % 2 === 1 ? { marginRight: 0 } : {},
-                  ]}
-                >
+                <PDFView key={j} style={styles.pageRow}>
+                  <PDFText style={styles.pageBullet}>↳</PDFText>
                   <PDFText style={styles.pageTitle}>{p.title}</PDFText>
                   {p.desc && (
-                    <PDFText style={styles.pageDesc}>{p.desc}</PDFText>
+                    <PDFText style={styles.pageDesc}> – {p.desc}</PDFText>
                   )}
                 </PDFView>
               ))}