From 7d6aa61eb277f96ea34b4eaaa141b6a1390ee9ff Mon Sep 17 00:00:00 2001
From: Aotumuri <aotumuri.yt@gmail.com>
Date: Thu, 3 Apr 2025 10:28:24 +0900
Subject: [PATCH] change css

---
 src/client/styles.css            | 87 +-------------------------------
 src/client/styles/modal/chat.css | 85 +++++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+), 86 deletions(-)
 create mode 100644 src/client/styles/modal/chat.css

diff --git a/src/client/styles.css b/src/client/styles.css
index 8bfe816ca..ee87a7542 100644
--- a/src/client/styles.css
+++ b/src/client/styles.css
@@ -8,6 +8,7 @@
 @import url("./styles/layout/container.css");
 @import url("./styles/components/button.css");
 @import url("./styles/components/modal.css");
+@import url("./styles/modal/chat.css");
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -491,89 +492,3 @@ label.option-card:hover {
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.2);
 }
-
-/* .w. */
-
-.chat-columns {
-  display: flex;
-  gap: 16px;
-  padding: 12px;
-  overflow-x: auto;
-}
-
-.chat-column {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-width: 120px;
-}
-
-.column-title {
-  font-weight: bold;
-  margin-bottom: 4px;
-}
-
-.chat-option-button {
-  background: #333;
-  color: white;
-  border: none;
-  padding: 8px 12px;
-  border-radius: 4px;
-  text-align: left;
-  cursor: pointer;
-}
-
-.chat-option-button.selected {
-  background-color: #66c;
-}
-
-.chat-preview {
-  margin: 10px 12px;
-  padding: 10px;
-  background: #222;
-  color: white;
-  border-radius: 6px;
-  text-align: center;
-}
-
-.chat-send {
-  display: flex;
-  justify-content: flex-end;
-  padding: 0 12px 12px;
-}
-
-.chat-send-button {
-  background: #4caf50;
-  color: white;
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.chat-column {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-width: 140px;
-}
-
-.player-search-input {
-  padding: 6px 8px;
-  border-radius: 4px;
-  border: 1px solid #666;
-  font-size: 14px;
-  outline: none;
-
-  background-color: #fff;
-  color: #000;
-}
-
-.player-scroll-area {
-  max-height: 200px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding-right: 4px;
-}
diff --git a/src/client/styles/modal/chat.css b/src/client/styles/modal/chat.css
new file mode 100644
index 000000000..8cefdcf46
--- /dev/null
+++ b/src/client/styles/modal/chat.css
@@ -0,0 +1,85 @@
+/* .w. */
+
+.chat-columns {
+  display: flex;
+  gap: 16px;
+  padding: 12px;
+  overflow-x: auto;
+}
+
+.chat-column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 120px;
+}
+
+.column-title {
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.chat-option-button {
+  background: #333;
+  color: white;
+  border: none;
+  padding: 8px 12px;
+  border-radius: 4px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.chat-option-button.selected {
+  background-color: #66c;
+}
+
+.chat-preview {
+  margin: 10px 12px;
+  padding: 10px;
+  background: #222;
+  color: white;
+  border-radius: 6px;
+  text-align: center;
+}
+
+.chat-send {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 12px 12px;
+}
+
+.chat-send-button {
+  background: #4caf50;
+  color: white;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.chat-column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 140px;
+}
+
+.player-search-input {
+  padding: 6px 8px;
+  border-radius: 4px;
+  border: 1px solid #666;
+  font-size: 14px;
+  outline: none;
+
+  background-color: #fff;
+  color: #000;
+}
+
+.player-scroll-area {
+  max-height: 200px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 4px;
+}