style: adjust button style

This commit is contained in:
Lykin 2024-01-02 16:12:40 +08:00
parent 554b2b9f72
commit df5a577919
13 changed files with 41 additions and 76 deletions

View File

@ -8,6 +8,7 @@
[![License](https://img.shields.io/github/license/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/blob/main/LICENSE)
[![GitHub release](https://img.shields.io/github/release/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/releases)
![GitHub All Releases](https://img.shields.io/github/downloads/tiny-craft/tiny-rdm/total)
[![GitHub stars](https://img.shields.io/github/stars/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/fork)
[![Discord](https://img.shields.io/discord/1170373259133456434?label=Discord&color=5865F2)](https://discord.gg/VTFbBMGjWh)

View File

@ -7,6 +7,7 @@
[![License](https://img.shields.io/github/license/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/blob/main/LICENSE)
[![GitHub release](https://img.shields.io/github/release/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/releases)
![GitHub All Releases](https://img.shields.io/github/downloads/tiny-craft/tiny-rdm/total)
[![GitHub stars](https://img.shields.io/github/stars/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/tiny-craft/tiny-rdm)](https://github.com/tiny-craft/tiny-rdm/fork)
[![Discord](https://img.shields.io/discord/1170373259133456434?label=Discord&color=5865F2)](https://discord.gg/VTFbBMGjWh)

View File

@ -33,12 +33,12 @@ const handleSaveFile = async () => {
<template>
<n-input-group>
<n-input
:value="props.value"
:disabled="props.disabled"
:placeholder="placeholder"
:value="props.value"
clearable
@input="onInput"
@clear="onClear" />
@clear="onClear"
@input="onInput" />
<n-button :disabled="props.disabled" :focusable="false" @click="handleSaveFile">...</n-button>
</n-input-group>
</template>

View File

@ -10,6 +10,10 @@ const props = defineProps({
type: String,
default: 'ALL',
},
placement: {
type: String,
default: 'bottom-start',
},
})
const emit = defineEmits(['update:value', 'select'])
@ -80,6 +84,7 @@ const handleSelect = (select) => {
<template>
<n-dropdown
:options="options"
:placement="props.placement"
:render-icon="renderIcon"
:render-label="renderLabel"
show-arrow

View File

@ -176,8 +176,8 @@ const onSave = () => {
:border="true"
:content="displayValue"
:language="viewLanguage"
:show-line-num="prefStore.showLineNum"
:show-folding="prefStore.showFolding"
:show-line-num="prefStore.showLineNum"
class="flex-item-expand"
@input="onInput"
@reset="onInput"

View File

@ -107,7 +107,7 @@ const onCleanLog = () => {
<template>
<div class="content-log content-container fill-height flex-box-v">
<n-form class="flex-item" label-align="left" label-placement="left" label-width="auto">
<n-form class="flex-item" label-align="left" label-placement="left" label-width="auto" size="small">
<n-form-item :label="$t('monitor.actions')">
<n-space>
<n-button
@ -129,10 +129,28 @@ const onCleanLog = () => {
{{ $t('monitor.stop') }}
</n-button>
<n-button-group>
<icon-button :icon="Copy" border t-tooltip="monitor.copy_log" @click="onCopyLog" />
<icon-button :icon="Export" border t-tooltip="monitor.save_log" @click="onExportLog" />
<icon-button
:icon="Copy"
border
size="18"
stroke-width="3.5"
t-tooltip="monitor.copy_log"
@click="onCopyLog" />
<icon-button
:icon="Export"
border
size="18"
stroke-width="3.5"
t-tooltip="monitor.save_log"
@click="onExportLog" />
</n-button-group>
<icon-button :icon="Delete" border t-tooltip="monitor.clean_log" @click="onCleanLog" />
<icon-button
:icon="Delete"
border
size="18"
stroke-width="3.5"
t-tooltip="monitor.clean_log"
@click="onCleanLog" />
</n-space>
</n-form-item>
<n-form-item :label="$t('monitor.search')">

View File

@ -130,6 +130,7 @@ defineExpose({
:size="small ? 16 : 20"
border
small
stroke-width="4"
t-tooltip="interface.full_search"
@click="onFullSearch" />
<n-button v-else :disabled="hasMatch && !hasFilter" :focusable="false" @click="onFullSearch">

View File

@ -213,8 +213,8 @@ defineExpose({
:content="displayValue"
:language="viewLanguage"
:loading="props.loading"
:show-line-num="prefStore.showLineNum"
:show-folding="prefStore.showFolding"
:show-line-num="prefStore.showLineNum"
class="flex-item-expand"
style="height: 100%"
@input="onInput"

View File

@ -1,63 +0,0 @@
<script setup>
const props = defineProps({
strokeWidth: {
type: [Number, String],
default: 3,
},
})
</script>
<template>
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M20 24H44H20Z" fill="none" fill-rule="evenodd" />
<path
:stroke-width="props.strokeWidth"
d="M20 24H44"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round" />
<path clip-rule="evenodd" d="M20 38H44H20Z" fill="none" fill-rule="evenodd" />
<path
:stroke-width="props.strokeWidth"
d="M20 38H44"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round" />
<path clip-rule="evenodd" d="M20 10H44H20Z" fill="none" fill-rule="evenodd" />
<path
:stroke-width="props.strokeWidth"
d="M20 10H44"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round" />
<rect
:stroke-width="props.strokeWidth"
fill="none"
height="8"
stroke="currentColor"
stroke-linejoin="round"
width="8"
x="4"
y="34" />
<rect
:stroke-width="props.strokeWidth"
fill="none"
height="8"
stroke="currentColor"
stroke-linejoin="round"
width="8"
x="4"
y="20" />
<rect
:stroke-width="props.strokeWidth"
fill="none"
height="8"
stroke="currentColor"
stroke-linejoin="round"
width="8"
x="4"
y="6" />
</svg>
</template>
<style lang="scss" scoped></style>

View File

@ -11,13 +11,13 @@ const props = defineProps({
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path
:stroke-width="props.strokeWidth"
d="M24.0605 10L24.0239 38"
d="M24 8L24 40"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round" />
<path
:stroke-width="props.strokeWidth"
d="M10 24L38 24"
d="M8 24L40 24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round" />

View File

@ -299,7 +299,7 @@
"upgrade": {
"title": "New Version Available",
"import_expire_title": "Expiration",
"import_expire": "Try Import Expiration Time",
"import_expire": "Include Expiration Time",
"new_version_tip": "A new version({ver}) is available. Download now?",
"no_update": "You're update to date",
"download_now": "Download",

View File

@ -285,7 +285,7 @@
"import": {
"name": "导入数据",
"import_expire_title": "过期时间",
"import_expire": "尝试同时导入过期时间",
"import_expire": "包含键过期时间",
"import": "确认导入",
"open_csv_file": "导入文件路径",
"open_csv_file_tip": "选择需要导入的文件",

View File

@ -19,6 +19,8 @@ export const themeOverrides = {
},
Button: {
heightMedium: '32px',
paddingSmall: '0 8px',
paddingMedium: '0 12px',
},
Tag: {
// borderRadius: '3px'