Enhance UI components: Adjust dropdown widths and import options positioning

- Set width of language setting dropdowns in ConvertDialog to 70px for better alignment.
- Modify the positioning of the more options dropdown in ImportLocal based on component width.
- Increase the width of the more options dropdown in ImportLocal from 180px to 200px for improved usability.
This commit is contained in:
troyeguo
2025-08-16 16:35:07 +08:00
parent f815613e72
commit d1d90feef3
4 changed files with 15 additions and 2 deletions

View File

File diff suppressed because one or more lines are too long

View File

@@ -185,6 +185,7 @@ class ConvertDialog extends React.Component<
<select
name=""
className="lang-setting-dropdown"
style={{ width: "70px" }}
onChange={(event) => {
ConfigService.setReaderConfig(
"ocrLang",
@@ -238,6 +239,7 @@ class ConvertDialog extends React.Component<
<select
name=""
className="lang-setting-dropdown"
style={{ width: "70px" }}
onChange={(event) => {
ConfigService.setReaderConfig(
"paraSpacingValue",
@@ -298,6 +300,7 @@ class ConvertDialog extends React.Component<
<select
name=""
className="lang-setting-dropdown"
style={{ width: "70px" }}
onChange={(event) => {
ConfigService.setReaderConfig(
"titleSizeValue",

View File

@@ -364,6 +364,16 @@ class ImportLocal extends React.Component<ImportLocalProps, ImportLocalState> {
<div
className="more-options-dropdown"
onMouseLeave={this.toggleMoreOptions}
style={
this.state.width < 950
? {
bottom: "calc(100% + 5px)",
top: "unset",
right: "unset",
left: "-110px",
}
: {}
}
>
<div
className="more-option-item"

View File

@@ -60,7 +60,7 @@
right: 0;
top: 100%;
border-radius: 10px;
width: 180px;
width: 200px;
z-index: 999;
margin-top: 5px;
overflow: hidden;