From a68cbe44381f2f319226a60d59a0566f7d27d20f Mon Sep 17 00:00:00 2001
From: onevcat <onevcat@gmail.com>
Date: Thu, 27 Feb 2025 23:26:48 +0900
Subject: [PATCH] Switch to `@use` and module system for scss

---
 src/renderer/src/assets/styles/ant.scss       |  2 ++
 src/renderer/src/assets/styles/container.scss |  7 +++++++
 src/renderer/src/assets/styles/index.scss     | 15 ++++-----------
 3 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 src/renderer/src/assets/styles/container.scss

diff --git a/src/renderer/src/assets/styles/ant.scss b/src/renderer/src/assets/styles/ant.scss
index 11fe215a..d5bbdce5 100644
--- a/src/renderer/src/assets/styles/ant.scss
+++ b/src/renderer/src/assets/styles/ant.scss
@@ -1,3 +1,5 @@
+@use './container.scss';
+
 #inputbar {
   resize: none;
 }
diff --git a/src/renderer/src/assets/styles/container.scss b/src/renderer/src/assets/styles/container.scss
new file mode 100644
index 00000000..87823dcc
--- /dev/null
+++ b/src/renderer/src/assets/styles/container.scss
@@ -0,0 +1,7 @@
+#content-container {
+  background-color: var(--color-background);
+  border-top: 0.5px solid var(--color-border);
+  border-top-left-radius: 10px;
+  border-left: 0.5px solid var(--color-border);
+  box-shadow: -2px 0px 20px -4px rgba(0, 0, 0, 0.06);
+}
diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss
index 02b631db..f2d5be89 100644
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.scss
@@ -1,6 +1,7 @@
-@import './markdown.scss';
-@import './ant.scss';
-@import './scrollbar.scss';
+@use './markdown.scss';
+@use './ant.scss';
+@use './scrollbar.scss';
+@use './container.scss';
 @import '../fonts/icon-fonts/iconfont.css';
 @import '../fonts/ubuntu/ubuntu.css';
 
@@ -176,14 +177,6 @@ body,
   flex: 1;
 }
 
-#content-container {
-  background-color: var(--color-background);
-  border-top: 0.5px solid var(--color-border);
-  border-top-left-radius: 10px;
-  border-left: 0.5px solid var(--color-border);
-  box-shadow: -2px 0px 20px -4px rgba(0, 0, 0, 0.06);
-}
-
 .loader {
   width: 16px;
   height: 16px;