YuuMJ1997/mihomo-party
1
0
Fork 0
mirror of https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party synced 2025-12-27 05:00:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: auto adjust width (#434)

Browse Source 
LGTM
This commit is contained in:
Avan 2025-01-01 00:08:50 +08:00 committed by GitHub
parent 1e3febdc80
commit 7b28f9253b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/src/components/profiles/edit-info-modal.tsx
View File

@ -1,4 +1,5 @@
import {
cn,
Modal,
ModalContent,
ModalHeader,
@ -29,6 +30,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
const { overrideConfig } = useOverrideConfig()
const { items: overrideItems = [] } = overrideConfig || {}
const [values, setValues] = useState(item)
const inputWidth = 'w-[400px] md:w-[400px] lg:w-[600px] xl:w-[800px]'
const onSave = async (): Promise<void> => {
try {
@ -49,7 +51,11 @@ const EditInfoModal: React.FC<Props> = (props) => {
return (
<Modal
backdrop="blur"
classNames={{ backdrop: 'top-[48px]' }}
size="5xl"
classNames={{
backdrop: 'top-[48px]',
base: 'w-[600px] md:w-[600px] lg:w-[800px] xl:w-[1024px]'
}}
hideCloseButton
isOpen={true}
onOpenChange={onClose}
@ -61,7 +67,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
<SettingItem title="名称">
<Input
size="sm"
className="w-[200px]"
className={cn(inputWidth)}
value={values.name}
onValueChange={(v) => {
setValues({ ...values, name: v })
@ -73,7 +79,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
<SettingItem title="订阅地址">
<Input
size="sm"
className="w-[200px]"
className={cn(inputWidth)}
value={values.url}
onValueChange={(v) => {
setValues({ ...values, url: v })
@ -93,7 +99,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
<Input
size="sm"
type="number"
className="w-[200px]"
className={cn(inputWidth)}
value={values.interval?.toString() ?? ''}
onValueChange={(v) => {
setValues({ ...values, interval: parseInt(v) })