update cors and theme

app/src/assets/style/base.css

@@ -105,6 +105,10 @@ button:focus-visible {
   white-space: break-spaces !important;
 }
 
-@media (prefers-color-scheme: light) {
-
+.grow {
+  flex-grow: 1;
+}
+
+.unshrink {
+  flex-shrink: 0;
 }

app/src/assets/style/navbar.css

@@ -0,0 +1,17 @@
+.navbar {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 44px;
+    background: var(--background-nav);
+    padding: 4px 12px;
+    gap: 4px;
+    user-select: none;
+}
+
+.navbar .chatnio {
+    cursor: pointer;
+    margin: 6px;
+    width: 32px;
+    height: 32px;
+}

app/src/assets/style/theme.css

@@ -0,0 +1,3 @@
+:root {
+    --background-nav: #0E1525;
+}

app/src/components/icons/loading.vue

@@ -9,7 +9,6 @@ const props = defineProps<{
   </svg>
 </template>
 <style scoped>
-@import "/src/assets/style/anim.css";
 .loading {
   animation: RotateAnimation 1s linear infinite;
 }

app/src/main.ts

@@ -1,7 +1,11 @@
-import { createApp } from 'vue'
-import './assets/style/base.css'
+import { createApp } from 'vue';
+import './assets/style/base.css';
+import './assets/style/anim.css';
+import './assets/style/theme.css';
 import App from './App.vue'
 import router from "../router";
-import "./assets/script/conf"
+import "./assets/script/conf";
 
-createApp(App).use(router).mount('#app')
+createApp(App)
+  .use(router)
+  .mount('#app');

app/src/views/HomeView.vue

@@ -105,8 +105,6 @@ function login() {
 </template>
 
 <style scoped>
-@import "../assets/style/anim.css";
-
 .chat-wrapper {
   display: flex;
   flex-direction: column;

middleware/cors.go

@@ -10,6 +10,8 @@ var AllowedOrigins = []string{
 	"https://fystart.cn",
 	"https://www.fystart.cn",
 	"https://nio.fystart.cn",
+	"https://chatnio.net",
+	"https://www.chatnio.net",
 	"http://localhost:5173",
 }