优化结构
This commit is contained in:
parent
d91f0554fd
commit
a1fea67e79
|
|
@ -1 +0,0 @@
|
|||
.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box[data-v-a742df44],.cropper-box-canvas[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-face[data-v-a742df44]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;-webkit-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:#000c;font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width: 500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -18,7 +18,7 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import '@/assets/styles/wangeditor.css'
|
||||
import '@wangeditor/editor/dist/css/style.css' // 引入 css
|
||||
|
||||
const basePath = import.meta.env.VITE_BASE_API
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import '@/assets/styles/wangeditor.css'
|
||||
import '@wangeditor/editor/dist/css/style.css' // 引入 css
|
||||
|
||||
import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
|
||||
import { Editor } from '@wangeditor/editor-for-vue'
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@
|
|||
import { ref, getCurrentInstance } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { RefreshLeft, RefreshRight, Plus, Minus } from '@element-plus/icons-vue'
|
||||
import '@/assets/styles/vue-cropper.css'
|
||||
import 'vue-cropper/dist/index.css'
|
||||
import { VueCropper } from 'vue-cropper'
|
||||
import { getBaseUrl } from '@/utils/format'
|
||||
import { getUploadErrorMessage } from '@/utils/uploadResponse'
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
import { ref, getCurrentInstance, onMounted } from 'vue'
|
||||
import { ElLoading, ElMessage } from 'element-plus'
|
||||
import { RefreshLeft, RefreshRight, Plus, Minus } from '@element-plus/icons-vue'
|
||||
import '@/assets/styles/vue-cropper.css'
|
||||
import 'vue-cropper/dist/index.css'
|
||||
import { VueCropper } from 'vue-cropper'
|
||||
import { getBaseUrl } from '@/utils/format'
|
||||
import { getUploadErrorMessage } from '@/utils/uploadResponse'
|
||||
|
|
|
|||
|
|
@ -827,14 +827,14 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
position: relative;
|
||||
margin: 0 0 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgb(var(--container-bg-color) / 0.18);
|
||||
border-left: 3px solid rgb(var(--muted-foreground-color) / 0.45);
|
||||
border: 1px solid rgb(255 255 255 / 0.18);
|
||||
border-left: 3px solid rgb(203 213 225 / 0.65);
|
||||
border-radius: 7px;
|
||||
background: rgb(var(--container-bg-color) / 0.06);
|
||||
background: rgb(255 255 255 / 0.055);
|
||||
}
|
||||
|
||||
.log-entry:hover {
|
||||
background: rgb(var(--container-bg-color) / 0.11);
|
||||
background: rgb(255 255 255 / 0.1);
|
||||
}
|
||||
|
||||
.log-entry.entry-error { border-left-color: rgb(var(--error-color)); }
|
||||
|
|
@ -857,12 +857,12 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
|
||||
.log-entry-heading {
|
||||
min-height: 20px;
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
color: rgb(203 213 225);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-line-number {
|
||||
color: rgb(var(--muted-foreground-color) / 0.7);
|
||||
color: rgb(148 163 184);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
|
|
@ -885,6 +885,11 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
}
|
||||
|
||||
.log-time,
|
||||
.log-caller {
|
||||
color: rgb(203 213 225);
|
||||
}
|
||||
|
||||
.log-module {
|
||||
color: rgb(var(--primary-color));
|
||||
font-weight: 600;
|
||||
|
|
@ -892,7 +897,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
|
||||
.log-message {
|
||||
margin-top: 5px;
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(248 250 252);
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
|
|
@ -903,10 +908,10 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
margin-top: 8px;
|
||||
padding: 8px 10px;
|
||||
overflow-x: auto;
|
||||
border: 1px solid rgb(var(--primary-color) / .12);
|
||||
border: 1px solid rgb(96 165 250 / .28);
|
||||
border-radius: 5px;
|
||||
background: rgb(var(--primary-color) / .06);
|
||||
color: rgb(var(--base-text-color));
|
||||
background: rgb(30 64 175 / .18);
|
||||
color: rgb(226 232 240);
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
|
|
@ -916,18 +921,18 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
|
||||
.log-metrics {
|
||||
margin-top: 8px;
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
color: rgb(226 232 240);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-metrics span {
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background: rgb(var(--muted-color) / .52);
|
||||
background: rgb(255 255 255 / .14);
|
||||
}
|
||||
|
||||
.log-metrics b {
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(255 255 255);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -942,13 +947,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
gap: 5px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background: rgb(var(--muted-color) / .38);
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
background: rgb(255 255 255 / .16);
|
||||
color: rgb(226 232 240);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-field b {
|
||||
color: rgb(var(--base-text-color) / .78);
|
||||
color: rgb(255 255 255);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -961,8 +966,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
|||
.log-fallback {
|
||||
margin: 0;
|
||||
padding: 10px 12px;
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(226 232 240);
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Raw log lines share the dark viewer surface, so keep their foreground explicit. */
|
||||
.text-container {
|
||||
color: rgb(226 232 240);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue