Skip to content

Commit 18e7bfb

Browse files
committed
[UI] Fix settings input and game description
1 parent 421ae61 commit 18e7bfb

File tree

3 files changed

+18
-6
lines changed

3 files changed

+18
-6
lines changed

src/screens/Game/GamePage/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -109,12 +109,12 @@
109109
font-size: 16px;
110110
max-width: 560px;
111111
text-overflow: ellipsis;
112-
display: -webkit-box;
113112
color: var(--text-default);
114113
overflow: hidden;
115114
-webkit-line-clamp: 5;
116115
-webkit-box-orient: vertical;
117116
border-bottom: 2px solid;
117+
overflow: auto;
118118
}
119119

120120
.gameInfo,

src/screens/Settings/components/OtherSettings/index.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ export default function OtherSettings({
118118
<span className={classNames('settingText', { isRTL: isRTL })}>
119119
{t('setting.change-target-exe', 'Select an alternative EXE to run')}
120120
</span>
121-
<span>
121+
<span className="settingInputWithButton">
122122
<input
123123
data-testid="setinstallpath"
124124
type="text"
@@ -295,7 +295,7 @@ export default function OtherSettings({
295295
id="otherOptions"
296296
type="text"
297297
placeholder={t('options.advanced.placeholder')}
298-
className="settingSelect"
298+
className="settingInput"
299299
value={otherOptions}
300300
onChange={handleOtherOptions}
301301
/>
@@ -314,7 +314,7 @@ export default function OtherSettings({
314314
id="launcherArgs"
315315
type="text"
316316
placeholder={t('options.gameargs.placeholder')}
317-
className="settingSelect"
317+
className="settingInput"
318318
value={launcherArgs}
319319
onChange={handleLauncherArgs}
320320
/>

src/screens/Settings/index.css

+14-2
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
flex-direction: column;
2121
place-self: center;
2222
place-items: flex-start;
23-
width: 100%;
23+
width: 513px;
2424
padding-bottom: 8px;
2525
}
2626

@@ -160,7 +160,19 @@
160160
border-radius: 10px;
161161
}
162162

163-
.settingSelect > option {
163+
.settingInput {
164+
width: 513px;
165+
height: 40px;
166+
background: var(--input-background);
167+
border-radius: 10px;
168+
font-family: var(--content-font-family), 'Noto Color Emoji';
169+
font-weight: normal;
170+
font-size: 16px;
171+
line-height: 19px;
172+
color: var(--text-secondary);
173+
text-indent: 22px;
174+
border: none;
175+
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
164176
}
165177

166178
.save {

0 commit comments

Comments
 (0)