apply _page_list.scss to [[...path]] & LsxListView

packages/app/src/pages/[[...path]].page.module.scss

@@ -0,0 +1 @@
+@use '~/styles/molecules/page_list';

packages/app/src/pages/[[...path]].page.tsx

@@ -70,6 +70,7 @@ import {
 } from './utils/commons';
 // import { useCurrentPageSWR } from '../stores/page';
 
+import styles from './[[...path]].page.module.scss';
 
 const NotCreatablePage = dynamic(() => import('../components/NotCreatablePage').then(mod => mod.NotCreatablePage), { ssr: false });
 const ForbiddenPage = dynamic(() => import('../components/ForbiddenPage'), { ssr: false });
@@ -343,7 +344,7 @@ const GrowiPage: NextPage<Props> = (props: Props) => {
                   <i style={{ fontSize: '1.3em' }} className="fa fa-fw fa-bookmark-o"></i>
                   Bookmarks
                 </h2>
-                <div id="user-bookmark-list" className="page-list">
+                <div id="user-bookmark-list" className={`page-list ${styles['page-list']}`}>
                   {/* TODO: No need page-list-container class ? */}
                   <div className="page-list-container">
                     {/* <BookmarkList userId={pageContainer.state.creator._id} /> */}
@@ -357,7 +358,7 @@ const GrowiPage: NextPage<Props> = (props: Props) => {
                   </i>
                   Recently Created
                 </h2>
-                <div id="user-created-list" className="page-list">
+                <div id="user-created-list" className={`page-list ${styles['page-list']}`}>
                   {/* TODO: No need page-list-container class ? */}
                   <div className="page-list-container">
                     {/* <RecentCreated userId={pageContainer.state.creator._id} /> */}

packages/plugin-lsx/src/components/LsxPageList/LsxListView.jsx

@@ -7,6 +7,8 @@ import { LsxContext } from '../lsx-context';
 
 import { LsxPage } from './LsxPage';
 
+import styles from './LsxListView.module.scss';
+
 export class LsxListView extends React.Component {
 
   render() {
@@ -35,7 +37,7 @@ export class LsxListView extends React.Component {
     }
 
     return (
-      <div className="page-list lsx">
+      <div className={`page-list lsx${styles['page-list']}`}>
         <ul className="page-list-ul">
           {listView}
         </ul>

packages/plugin-lsx/src/components/LsxPageList/LsxListView.module.scss

@@ -0,0 +1 @@
+@use '~/styles/molecules/page_list';