From 0125a58c86077e353bdb830b56f11d7306192a2d Mon Sep 17 00:00:00 2001
From: genteure <genteure@gmail.com>
Date: Thu, 2 Nov 2023 13:32:55 +0800
Subject: [PATCH 1/2] feat: add more adv-settings warning

---
 src/views/recorder/SettingPage.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/recorder/SettingPage.vue b/src/views/recorder/SettingPage.vue
index 53f4b18..7946e72 100644
--- a/src/views/recorder/SettingPage.vue
+++ b/src/views/recorder/SettingPage.vue
@@ -8,6 +8,12 @@
           <n-switch v-model:value="showAdvanced"></n-switch>
         </n-space>
       </n-space>
+      <div class="setting-box" :show="showAdvanced">
+        <p>
+          所有高级设置项目均不是录播姬的“正式功能”，它们的作用是便于 power users 在不修改录播姬源码重新编译的情况下深度调整录播姬的行为。
+          请根据个人实际需求谨慎使用高级设置，不要随意修改。
+        </p>
+      </div>
       <div id="danmaku-record" class="setting-box">
         <n-h3>弹幕录制</n-h3>
         <optional-input type="boolean" label="保存弹幕" v-model:value="newConfig['optionalRecordDanmaku']"
@@ -90,8 +96,8 @@
         </div>
         <div id="cookie" class="setting-box">
           <n-h3>Cookie</n-h3>
-          <p>Cookie 会用于获取直播间信息、获取直播流地址、连接弹幕服务器以及未来开发者更新增加功能所需要的操作。</p>
-          <p>软件开发者不对账号发生的任何事情负责，包括并不限于被标记为<b>机器人账号、大会员被冻结、无法参与各种抽奖和活动等</b>。<b style="color:red">建议使用小号。</b></p>
+          <p>Cookie 会用于包括获取直播间信息、获取直播流地址、连接弹幕服务器在内的所有 API 请求中。录播姬的请求与浏览器内正常使用所发送的请求不完全一致，能通过分析请求日志识别出来。</p>
+          <p>软件开发者不对账号发生的任何事情负责，包括并不限于<b>被标记为机器人账号、大会员被冻结、无法参与各种抽奖和活动等</b>。<b style="color:red">建议使用小号。</b></p>
           <p>如您知晓您的账号会因以上所列出来的部分原因所导致无法使用或权益受损等情况，并愿意承担由此所会带来的一系列后果，请继续以下的操作，软件开发者不会对您账号所发生的任何后果承担责任。 </p>
           <optional-input type="text" :max-input-width="'700px'" v-model:value="newConfig['optionalCookie']"
             :same-as-default="true" @changed="onChanged"/>

From 111fe6a3f22e4e5be6f51e6771a8124cd780db29 Mon Sep 17 00:00:00 2001
From: Shugen <shugen002@users.noreply.github.com>
Date: Thu, 2 Nov 2023 17:13:39 +0800
Subject: [PATCH 2/2] feat(settings): adjust the warning info style

---
 src/views/recorder/SettingPage.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/views/recorder/SettingPage.vue b/src/views/recorder/SettingPage.vue
index 7946e72..595aee9 100644
--- a/src/views/recorder/SettingPage.vue
+++ b/src/views/recorder/SettingPage.vue
@@ -8,12 +8,12 @@
           <n-switch v-model:value="showAdvanced"></n-switch>
         </n-space>
       </n-space>
-      <div class="setting-box" :show="showAdvanced">
-        <p>
+      <n-collapse-transition :show="showAdvanced">
+        <n-alert type="info" style="margin-bottom: 1em;" title="提示">
           所有高级设置项目均不是录播姬的“正式功能”，它们的作用是便于 power users 在不修改录播姬源码重新编译的情况下深度调整录播姬的行为。
           请根据个人实际需求谨慎使用高级设置，不要随意修改。
-        </p>
-      </div>
+        </n-alert>
+      </n-collapse-transition>
       <div id="danmaku-record" class="setting-box">
         <n-h3>弹幕录制</n-h3>
         <optional-input type="boolean" label="保存弹幕" v-model:value="newConfig['optionalRecordDanmaku']"
@@ -96,9 +96,11 @@
         </div>
         <div id="cookie" class="setting-box">
           <n-h3>Cookie</n-h3>
-          <p>Cookie 会用于包括获取直播间信息、获取直播流地址、连接弹幕服务器在内的所有 API 请求中。录播姬的请求与浏览器内正常使用所发送的请求不完全一致，能通过分析请求日志识别出来。</p>
-          <p>软件开发者不对账号发生的任何事情负责，包括并不限于<b>被标记为机器人账号、大会员被冻结、无法参与各种抽奖和活动等</b>。<b style="color:red">建议使用小号。</b></p>
-          <p>如您知晓您的账号会因以上所列出来的部分原因所导致无法使用或权益受损等情况，并愿意承担由此所会带来的一系列后果，请继续以下的操作，软件开发者不会对您账号所发生的任何后果承担责任。 </p>
+          <n-alert type="warning" title="警告">
+            <p>Cookie 会用于包括获取直播间信息、获取直播流地址、连接弹幕服务器在内的所有 API 请求中。录播姬的请求与浏览器内正常使用所发送的请求不完全一致，能通过分析请求日志识别出来。</p>
+            <p>软件开发者不对账号发生的任何事情负责，包括并不限于<b>被标记为机器人账号、大会员被冻结、无法参与各种抽奖和活动等</b>。<b style="color:red">建议使用小号。</b></p>
+            <p>如您知晓您的账号会因以上所列出来的部分原因所导致无法使用或权益受损等情况，并愿意承担由此所会带来的一系列后果，请继续以下的操作，软件开发者不会对您账号所发生的任何后果承担责任。 </p>
+          </n-alert>
           <optional-input type="text" :max-input-width="'700px'" v-model:value="newConfig['optionalCookie']"
             :same-as-default="true" @changed="onChanged"/>
         </div>
@@ -171,7 +173,7 @@
 </template>
 
 <script setup lang="ts">
-import { NH2, NH3, NCollapseTransition, NAnchor, NAnchorLink, NSpace, NSwitch, NA, NButton, NAffix, NCard, useLoadingBar, useMessage } from 'naive-ui';
+import { NH2, NH3, NCollapseTransition, NAnchor, NAnchorLink, NSpace, NSwitch, NA, NAlert, NButton, NAffix, NCard, useLoadingBar, useMessage } from 'naive-ui';
 import { onMounted, ref } from 'vue';
 import { Recorder, Optional } from '../../utils/api';
 import OptionalInput from '../../components/OptionalInput.vue';