feat: delete useless config

open-isle-cli/src/assets/global.css

@@ -43,17 +43,8 @@ body {
 /*************************
  * Vditor 自定义皮肤覆写
  *************************/
-/*
-  思路：
-  1. 用 CSS 变量快速改大色块；
-  2. 再用选择器去掉边框 / 阴影。
-  注意顺序：一定写在官方 index.css 之后才能生效。
-*/
-
 .comment-editor-container .vditor {
   /* 去掉整体背景与边框，让它融入父容器 */
-  --panel-background-color: transparent;
-  --border-color: transparent;
   --textarea-background-color: transparent;
   border: none !important;
   box-shadow: none !important;
@@ -65,31 +56,3 @@ body {
   border: none !important;
   box-shadow: none !important;
 }
-
-/* 编辑区（wysiwyg / ir / sv）背景透明 */
-.comment-editor-container .vditor-content,
-.comment-editor-container .vditor-wysiwyg,
-.comment-editor-container .vditor-ir,
-.comment-editor-container .vditor-textarea {
-  background: transparent !important;
-}
-.post-editor-container .vditor {
-  --panel-background-color: transparent;
-  --border-color: transparent;
-  --textarea-background-color: transparent;
-  border: none !important;
-  box-shadow: none !important;
-}
-
-.post-editor-container .vditor-toolbar {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-}
-
-.post-editor-container .vditor-content,
-.post-editor-container .vditor-wysiwyg,
-.post-editor-container .vditor-ir,
-.post-editor-container .vditor-textarea {
-  background: transparent !important;
-}

open-isle-cli/src/components/Dropdown.vue

@@ -4,11 +4,13 @@
       <template v-if="multiple">
         <span v-if="selectedLabels.length">
           <template v-for="(label, idx) in selectedLabels" :key="label.id">
-            <template v-if="label.icon">
-              <img v-if="isImageIcon(label.icon)" :src="label.icon" class="option-icon" />
-              <i v-else :class="['option-icon', label.icon]"></i>
-            </template>
-            <span>{{ label.name }}</span>
+            <div class="selected-label">
+              <template v-if="label.icon">
+                <img v-if="isImageIcon(label.icon)" :src="label.icon" class="option-icon" />
+                <i v-else :class="['option-icon', label.icon]"></i>
+              </template>
+              <span>{{ label.name }}</span>
+            </div>
             <span v-if="idx !== selectedLabels.length - 1">, </span>
           </template>
         </span>
@@ -16,11 +18,13 @@
       </template>
       <template v-else>
         <span v-if="selectedLabels.length">
-          <template v-if="selectedLabels[0].icon">
-            <img v-if="isImageIcon(selectedLabels[0].icon)" :src="selectedLabels[0].icon" class="option-icon" />
-            <i v-else :class="['option-icon', selectedLabels[0].icon]"></i>
-          </template>
-          <span>{{ selectedLabels[0].name }}</span>
+          <div class="selected-label">
+            <template v-if="selectedLabels[0].icon">
+              <img v-if="isImageIcon(selectedLabels[0].icon)" :src="selectedLabels[0].icon" class="option-icon" />
+              <i v-else :class="['option-icon', selectedLabels[0].icon]"></i>
+            </template>
+            <span>{{ selectedLabels[0].name }}</span>
+          </div>
         </span>
         <span v-else class="placeholder">{{ placeholder }}</span>
       </template>
@@ -35,7 +39,8 @@
         <l-hatch size="20" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
       </div>
       <template v-else>
-        <div class="dropdown-option" v-for="o in filteredOptions" :key="o.id" @click="select(o.id)" :class="{ 'selected': isSelected(o.id) }">
+        <div class="dropdown-option" v-for="o in filteredOptions" :key="o.id" @click="select(o.id)"
+          :class="{ 'selected': isSelected(o.id) }">
           <template v-if="o.icon">
             <img v-if="isImageIcon(o.icon)" :src="o.icon" class="option-icon" />
             <i v-else :class="['option-icon', o.icon]"></i>
@@ -198,6 +203,13 @@ export default {
   overflow-y: auto;
 }
 
+.selected-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-right: 5px;
+}
+
 .dropdown-search {
   display: flex;
   align-items: center;

open-isle-cli/src/views/HomePageView.vue

@@ -289,6 +289,10 @@ export default {
   font-size: 20px;
   text-decoration: none;
   color: var(--text-color);
+  line-clamp: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .article-item-title:hover {

open-isle-cli/src/views/NewPostPageView.vue

@@ -192,6 +192,7 @@ export default {
   padding-bottom: 20px;
   background-color: transparent;
   font-size: 42px;
+  width: 100%;
   font-weight: bold;
 }
 

open-isle-cli/src/views/PostPageView.vue

@@ -21,7 +21,7 @@
         </div>
       </div>
 
-      <div class="info-content-container">
+      <div class="info-content-container author-info-container">
         <div class="user-avatar-container">
           <div class="user-avatar-item">
             <img class="user-avatar-item-img" :src="author.avatar" alt="avatar">
@@ -408,6 +408,10 @@ export default {
   cursor: pointer;
 }
 
+.author-info-container {
+  margin-top: 20px;
+}
+
 .scroller-range::-moz-range-track {
   width: 2px;
   height: 100%;