update style details

miku-gg · Nov 11, 2024 · 3e130b5 · 3e130b5
1 parent 39a5aa7
commit 3e130b5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/apps/novel-builder/src/modals/cutscenes/CutscenesPartsRender.scss b/apps/novel-builder/src/modals/cutscenes/CutscenesPartsRender.scss
@@ -1,21 +1,31 @@
 @import '../../styles/variables.scss';
 
 .CutScenePartsRender {
-  margin-top: 16px;
-
   &__header {
     display: flex;
-    align-items: center;
     justify-content: space-between;
-    margin-bottom: 1rem;
-
-    border: 1px solid $node-conector-color;
-    padding: 0.5rem;
-    border-radius: 10px;
+    align-items: center;
 
     & h2 {
       margin: 0;
     }
+
+    &__title {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+
+      &__infoIcon {
+        font-size: 1.25rem;
+        color: $text-2;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
   }
 
   &__parts {

diff --git a/apps/novel-builder/src/modals/cutscenes/CutscenesPartsRender.tsx b/apps/novel-builder/src/modals/cutscenes/CutscenesPartsRender.tsx
@@ -67,16 +67,16 @@ export const CutScenePartsRender = () => {
   return (
     <div className="CutScenePartsRender">
       <div className="CutScenePartsRender__header">
-        <div className="CutsceneDisplayer__header__title">
+        <div className="CutScenePartsRender__header__title">
           <h2>Cutscene</h2>
           <IoInformationCircleOutline
             data-tooltip-id="Info-cutscene"
-            className="CutsceneDisplayer__header__title__infoIcon"
+            className="CutScenePartsRender__header__title__infoIcon"
             data-tooltip-content="[Optional] The cutscene will be triggered before the scene starts, only once or every time the scene is loaded"
           />
           <Tooltip id="Info-cutscene" place="top" />
         </div>
-        <div>
+        <div className="CutScenePartsRender__header__controls">
           <CheckBox
             value={scene?.cutScene?.triggerOnlyOnce}
             onChange={(e) => {