Merge pull request #819 from tangly1024/fix/css-bug

3.11.1 Fix/css bug

.env.local

@@ -1,2 +1,2 @@
 # 环境变量 @see https://www.nextjs.cn/docs/basic-features/environment-variables
-NEXT_PUBLIC_VERSION=3.11.0
+NEXT_PUBLIC_VERSION=3.11.1

components/Tabs.js

@@ -51,7 +51,7 @@ const Tabs = ({ className, children }) => {
             {children.map((item, index) => {
               return <section key={index}
                     data-aos="fade-up"
-                    data-aos-duration="600"
+                    data-aos-duration="300"
                     data-aos-easing="ease-in-out"
                     data-aos-once="true"
                     data-aos-anchor-placement="top-bottom">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "notion-next",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "homepage": "https://github.com/tangly1024/NotionNext.git",
   "license": "MIT",
   "repository": {

styles/globals.css

@@ -204,7 +204,7 @@ nav {
 }
 
 .nobelium .notion-code{
-    @apply max-w-2xl;
+    /* @apply max-w-2xl; */
 }
 
 .next #announcement-content *{

themes/fukasawa/components/BlogCard.js

@@ -22,7 +22,7 @@ const BlogCard = ({ post, showSummary, siteInfo }) => {
           <Link
             href={`${BLOG.SUB_PATH}/${post.slug}`}
             passHref
-            className={`cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'
+            className={`break-words cursor-pointer font-bold hover:underline text-xl ${showPreview ? 'justify-center' : 'justify-start'
               } leading-tight text-gray-700 dark:text-gray-100 hover:text-blue-500 dark:hover:text-blue-400`}>
 
             {post.title}

themes/fukasawa/components/Card.js

@@ -1,7 +1,7 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div className={className}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/hexo/components/Announcement.js

@@ -8,7 +8,7 @@ const Announcement = ({ post, className }) => {
   if (post?.blockMap) {
     return <div
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/hexo/components/BlogPostCard.js

@@ -15,9 +15,9 @@ const BlogPostCard = ({ post, showSummary, index, siteInfo }) => {
     <div
         key={post.id}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
-        data-aos-once="false"
+        data-aos-once="true"
         data-aos-anchor-placement="top-bottom"
         className={`flex md:flex-row flex-col-reverse  ${index % 2 === 0 ? 'md:flex-row-reverse' : ''}
         w-full md:h-72 h-96 justify-between overflow-hidden drop-shadow-md  

themes/matery/components/BlogPostCard.js

@@ -16,7 +16,7 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
           data-aos="zoom-in"
           data-aos-duration="300"
           data-aos-easing="ease-in-out"
-          data-aos-once="false"
+          data-aos-once="true"
           data-aos-anchor-placement="top-bottom"
           className="w-full mb-4 h-full overflow-auto drop-shadow-md border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray">
 

themes/medium/components/BlogPostCard.js

@@ -14,7 +14,7 @@ const BlogPostCard = ({ post, showSummary }) => {
         <div
             key={post.id}
             data-aos="fade-up"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"

themes/next/components/ArticleDetail.js

@@ -28,7 +28,7 @@ export default function ArticleDetail(props) {
   return (
       <div id="container"
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"

themes/next/components/Card.js

@@ -1,9 +1,9 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div
     data-aos="fade-down"
-    data-aos-duration="600"
+    data-aos-duration="300"
     data-aos-easing="ease-in-out"
-    data-aos-once="false"
+    data-aos-once="true"
     data-aos-anchor-placement="top-bottom"
     className={className}>
     <>{headerSlot}</>

themes/next/components/PaginationNumber.js

@@ -18,7 +18,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/next/components/PaginationSimple.js

@@ -17,7 +17,7 @@ const PaginationSimple = ({ page, showNext }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/next/components/SideAreaLeft.js

@@ -27,7 +27,7 @@ const SideAreaLeft = props => {
 
         <section
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"