@rspress-theme-anatole/theme-default 0.7.36 → 0.7.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/bundle.css +5 -0
  2. package/dist/bundle.js +112 -4
  3. package/package.json +3 -3
package/dist/bundle.css CHANGED
@@ -3968,6 +3968,11 @@ p {
3968
3968
  border-bottom: none !important;
3969
3969
  }
3970
3970
 
3971
+ /* Overview tab layout */
3972
+ .features-tab-showcase a:hover {
3973
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
3974
+ }
3975
+
3971
3976
  .request-article-section {
3972
3977
  display: flex;
3973
3978
  justify-content: center;
package/dist/bundle.js CHANGED
@@ -3489,9 +3489,116 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
3489
3489
  }),
3490
3490
 
3491
3491
  // Tab content
3492
- featureTab.tabs[activeTab] && featureTab.tabs[activeTab].rows?.length > 0 ?
3493
- (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3494
- children: (featureTab.tabs[activeTab].rows || []).map((featuresRow) => {
3492
+ (() => {
3493
+ const currentTab = featureTab.tabs[activeTab];
3494
+ if (!currentTab) return null;
3495
+
3496
+ // Showcase layout: left info + right product grid
3497
+ if (currentTab.type === 'showcase') {
3498
+ const showcaseInfo = currentTab.showcase || {};
3499
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3500
+ className: "features-tab-showcase",
3501
+ style: {
3502
+ display: 'flex',
3503
+ gap: '48px',
3504
+ marginTop: '24px',
3505
+ padding: '40px',
3506
+ background: '#F5F5F5',
3507
+ borderRadius: '12px',
3508
+ alignItems: 'flex-start',
3509
+ },
3510
+ children: [
3511
+ // Left side: title, desc, link
3512
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3513
+ style: {
3514
+ flex: '1',
3515
+ display: 'flex',
3516
+ flexDirection: 'column',
3517
+ gap: '12px',
3518
+ },
3519
+ children: [
3520
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
3521
+ style: {
3522
+ fontSize: '32px',
3523
+ fontWeight: '700',
3524
+ color: '#32363E',
3525
+ margin: 0,
3526
+ display: 'flex',
3527
+ alignItems: 'center',
3528
+ gap: '8px',
3529
+ },
3530
+ children: currentTab.name
3531
+ }),
3532
+ showcaseInfo.desc && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
3533
+ style: {
3534
+ fontSize: '20px',
3535
+ color: '#494F5A',
3536
+ lineHeight: '1.6',
3537
+ margin: 0,
3538
+ },
3539
+ children: showcaseInfo.desc
3540
+ }),
3541
+ showcaseInfo.link && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3542
+ href: showcaseInfo.link,
3543
+ target: "_blank",
3544
+ style: {
3545
+ display: 'inline-flex',
3546
+ alignItems: 'center',
3547
+ gap: '6px',
3548
+ fontSize: '18px',
3549
+ fontWeight: '500',
3550
+ color: '#32363E',
3551
+ border: '1px solid #d1d5db',
3552
+ borderRadius: '6px',
3553
+ padding: '8px 16px',
3554
+ textDecoration: 'none',
3555
+ width: 'fit-content',
3556
+ marginTop: '4px',
3557
+ backgroundColor: '#fff',
3558
+ },
3559
+ children: [
3560
+ showcaseInfo.linkText || "View all products",
3561
+ " ",
3562
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3563
+ className: "fa-solid fa-arrow-up-right-from-square",
3564
+ style: { fontSize: '12px' }
3565
+ })
3566
+ ]
3567
+ }),
3568
+ ]
3569
+ }),
3570
+ // Right side: product cards grid
3571
+ (showcaseInfo.items && showcaseInfo.items.length > 0) ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3572
+ style: {
3573
+ flex: '1',
3574
+ display: 'grid',
3575
+ gridTemplateColumns: 'repeat(2, 1fr)',
3576
+ gap: '12px',
3577
+ },
3578
+ children: showcaseInfo.items.map((item) =>
3579
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3580
+ href: item.link || "#",
3581
+ style: {
3582
+ background: '#fff',
3583
+ borderRadius: '8px',
3584
+ padding: '16px 20px',
3585
+ fontSize: '20px',
3586
+ fontWeight: '500',
3587
+ color: '#32363E',
3588
+ textDecoration: 'none',
3589
+ display: 'block',
3590
+ },
3591
+ children: item.text
3592
+ }, item.text)
3593
+ )
3594
+ }) : null,
3595
+ ]
3596
+ });
3597
+ }
3598
+
3599
+ // Default layout
3600
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3601
+ children: (currentTab.rows || []).map((featuresRow) => {
3495
3602
  return featuresRow.items?.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3496
3603
  style: {
3497
3604
  display: 'grid',
@@ -3539,7 +3646,8 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
3539
3646
  )
3540
3647
  }, featuresRow.items[0].text) : null;
3541
3648
  })
3542
- }) : null,
3649
+ });
3650
+ })(),
3543
3651
  ]
3544
3652
  }) : null;
3545
3653
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rspress-theme-anatole/theme-default",
3
3
  "author": "Anatole Tong",
4
- "version": "0.7.36",
4
+ "version": "0.7.37",
5
5
  "license": "MIT",
6
6
  "sideEffects": [
7
7
  "*.css",
@@ -21,8 +21,8 @@
21
21
  "types": "./dist/bundle.d.ts",
22
22
  "dependencies": {
23
23
  "@mdx-js/react": "2.3.0",
24
- "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.36",
25
- "@rspress-theme-anatole/shared": "0.7.36",
24
+ "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.37",
25
+ "@rspress-theme-anatole/shared": "0.7.37",
26
26
  "@rspress/runtime": "1.43.8",
27
27
  "body-scroll-lock": "4.0.0-beta.0",
28
28
  "copy-to-clipboard": "^3.3.3",