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

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 +7 -1
  2. package/dist/bundle.js +115 -13
  3. package/package.json +3 -3
package/dist/bundle.css CHANGED
@@ -1879,7 +1879,8 @@ p {
1879
1879
  }
1880
1880
 
1881
1881
  .rspress-logo {
1882
- height: 3.2rem;
1882
+ height: 28px;
1883
+ width: 28px;
1883
1884
  }
1884
1885
 
1885
1886
  #nprogress .bar {
@@ -3968,6 +3969,11 @@ p {
3968
3969
  border-bottom: none !important;
3969
3970
  }
3970
3971
 
3972
+ /* Overview tab layout */
3973
+ .features-tab-showcase a:hover {
3974
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
3975
+ }
3976
+
3971
3977
  .request-article-section {
3972
3978
  display: flex;
3973
3979
  justify-content: center;
package/dist/bundle.js CHANGED
@@ -681,12 +681,13 @@ const NavBarTitle = () => {
681
681
  style: {
682
682
  border: '1px solid #D2D5DA',
683
683
  height: '24px',
684
+ margin: '0 12px',
684
685
  },
685
686
  }),
686
687
  logoText && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
687
688
  children: logoText,
688
689
  style: {
689
- marginLeft: '12px',
690
+ fontSize: '20px',
690
691
  }
691
692
  }),
692
693
  !logo && !logoText && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
@@ -3489,9 +3490,116 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
3489
3490
  }),
3490
3491
 
3491
3492
  // 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) => {
3493
+ (() => {
3494
+ const currentTab = featureTab.tabs[activeTab];
3495
+ if (!currentTab) return null;
3496
+
3497
+ // Showcase layout: left info + right product grid
3498
+ if (currentTab.type === 'showcase') {
3499
+ const showcaseInfo = currentTab.showcase || {};
3500
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3501
+ className: "features-tab-showcase",
3502
+ style: {
3503
+ display: 'flex',
3504
+ gap: '48px',
3505
+ marginTop: '24px',
3506
+ padding: '40px',
3507
+ background: '#F5F5F5',
3508
+ borderRadius: '12px',
3509
+ alignItems: 'flex-start',
3510
+ },
3511
+ children: [
3512
+ // Left side: title, desc, link
3513
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3514
+ style: {
3515
+ flex: '1',
3516
+ display: 'flex',
3517
+ flexDirection: 'column',
3518
+ gap: '12px',
3519
+ },
3520
+ children: [
3521
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h3", {
3522
+ style: {
3523
+ fontSize: '32px',
3524
+ fontWeight: '700',
3525
+ color: '#32363E',
3526
+ margin: 0,
3527
+ display: 'flex',
3528
+ alignItems: 'center',
3529
+ gap: '8px',
3530
+ },
3531
+ children: currentTab.name
3532
+ }),
3533
+ showcaseInfo.desc && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
3534
+ style: {
3535
+ fontSize: '20px',
3536
+ color: '#494F5A',
3537
+ lineHeight: '1.6',
3538
+ margin: 0,
3539
+ },
3540
+ children: showcaseInfo.desc
3541
+ }),
3542
+ showcaseInfo.link && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3543
+ href: showcaseInfo.link,
3544
+ target: "_blank",
3545
+ style: {
3546
+ display: 'inline-flex',
3547
+ alignItems: 'center',
3548
+ gap: '6px',
3549
+ fontSize: '18px',
3550
+ fontWeight: '500',
3551
+ color: '#32363E',
3552
+ border: '1px solid #d1d5db',
3553
+ borderRadius: '6px',
3554
+ padding: '8px 16px',
3555
+ textDecoration: 'none',
3556
+ width: 'fit-content',
3557
+ marginTop: '4px',
3558
+ backgroundColor: '#fff',
3559
+ },
3560
+ children: [
3561
+ showcaseInfo.linkText || "View all products",
3562
+ " ",
3563
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("i", {
3564
+ className: "fa-solid fa-arrow-up-right-from-square",
3565
+ style: { fontSize: '12px' }
3566
+ })
3567
+ ]
3568
+ }),
3569
+ ]
3570
+ }),
3571
+ // Right side: product cards grid
3572
+ (showcaseInfo.items && showcaseInfo.items.length > 0) ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3573
+ style: {
3574
+ flex: '1',
3575
+ display: 'grid',
3576
+ gridTemplateColumns: 'repeat(2, 1fr)',
3577
+ gap: '12px',
3578
+ },
3579
+ children: showcaseInfo.items.map((item) =>
3580
+ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
3581
+ href: item.link || "#",
3582
+ style: {
3583
+ background: '#fff',
3584
+ borderRadius: '8px',
3585
+ padding: '16px 20px',
3586
+ fontSize: '20px',
3587
+ fontWeight: '500',
3588
+ color: '#32363E',
3589
+ textDecoration: 'none',
3590
+ display: 'block',
3591
+ },
3592
+ children: item.text
3593
+ }, item.text)
3594
+ )
3595
+ }) : null,
3596
+ ]
3597
+ });
3598
+ }
3599
+
3600
+ // Default layout
3601
+ return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3602
+ children: (currentTab.rows || []).map((featuresRow) => {
3495
3603
  return featuresRow.items?.length > 0 ? (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
3496
3604
  style: {
3497
3605
  display: 'grid',
@@ -3539,7 +3647,8 @@ function HomepageFeaturesTabs({ frontmatter, routePath }) {
3539
3647
  )
3540
3648
  }, featuresRow.items[0].text) : null;
3541
3649
  })
3542
- }) : null,
3650
+ });
3651
+ })(),
3543
3652
  ]
3544
3653
  }) : null;
3545
3654
  }
@@ -4180,16 +4289,10 @@ function HomepageTopSearch({ frontmatter, routePath }) {
4180
4289
 
4181
4290
  function IntroBanner({ frontmatter, routePath }) {
4182
4291
  const banner = frontmatter?.banner || DEFAULT_HERO;
4183
- const imageSrc = typeof banner.image?.src === 'string'
4184
- ? { light: banner.image.src, dark: banner.image.src }
4185
- : banner.image?.src || { light: '', dark: '' };
4186
4292
 
4187
4293
  return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
4188
4294
  style: {
4189
- height: "400px",
4190
- backgroundImage: `url(${(0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.normalizeImagePath)(imageSrc.light)})`,
4191
- backgroundSize: "cover",
4192
- backgroundPosition: "center right",
4295
+ height: "233px",
4193
4296
  display: "flex",
4194
4297
  alignItems: "center",
4195
4298
  paddingLeft: "40px"
@@ -4198,7 +4301,6 @@ function IntroBanner({ frontmatter, routePath }) {
4198
4301
  (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
4199
4302
  style: {
4200
4303
  maxWidth: "657px",
4201
- padding: "20px",
4202
4304
  borderRadius: "8px"
4203
4305
  },
4204
4306
  children: [
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.38",
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.38",
25
+ "@rspress-theme-anatole/shared": "0.7.38",
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",