🐛 resolve css name conflict

nonebot · Nov 22, 2023 · 550b83a · 550b83a
1 parent d4e03e1
commit 550b83a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/website/src/components/Modal/index.tsx b/website/src/components/Modal/index.tsx
@@ -31,17 +31,17 @@ export default function Modal({
   useEffect(onFadeIn, []);
 
   return (
-    <div className={clsx("modal-root", className)}>
+    <div className={clsx("nb-modal-root", className)}>
       <div
-        className={clsx("modal-backdrop", transitionClass)}
+        className={clsx("nb-modal-backdrop", transitionClass)}
         onTransitionEnd={onTransitionEnd}
         onClick={() => backdropExit && onFadeOut()}
       />
-      <div className={clsx("modal-container", transitionClass)}>
+      <div className={clsx("nb-modal-container", transitionClass)}>
         <div className="card bg-base-100 shadow-xl">
           <div className="card-body">
             {!useCustomTitle && (
-              <div className="modal-title">
+              <div className="nb-modal-title">
                 {title}
                 <div className="card-actions ml-auto">
                   <button className="btn btn-square btn-sm" onClick={onFadeOut}>

diff --git a/website/src/components/Modal/styles.css b/website/src/components/Modal/styles.css
@@ -1,4 +1,4 @@
-.modal {
+.nb-modal {
   &-title {
     @apply flex items-center font-bold;
   }