kevisual/kevisual-center-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bump: update for tailwindcss 4.0

Browse Source
This commit is contained in:
熊潇
2025-02-16 02:28:12 +08:00
parent 1363b87f36
commit c1812a7f09
14 changed files with 362 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/container/components/TextArea.tsx
View File

@@ -30,7 +30,7 @@ export const TextArea = (props: Props) => {
<CodeEditor
value={code}
language={props.language || 'js'}
className='border rounded-sm '
className='border border-gray-200 rounded-xs '
readOnly={props.readonly}
placeholder={props.placeholder || 'Please enter JS code.'}
onChange={(evn) => _onChange(evn.target.value)}

13
src/pages/container/edit/List.tsx
View File

@@ -1,5 +1,5 @@
import { Button, Input, message, Modal, Select, Switch, Table, Tooltip } from 'antd';
import { Fragment, useEffect, useMemo, useState } from 'react';
import { Fragment, useEffect, useState } from 'react';
import { TextArea } from '../components/TextArea';
import { useContainerStore } from '../store';
import { useShallow } from 'zustand/react/shallow';
@@ -21,7 +21,6 @@ import {
import clsx from 'clsx';
import { isObjectNull } from '@/utils/is-null';
import { CardBlank } from '@/components/card/CardBlank';
import { update } from 'lodash-es';
const FormModal = () => {
const [form] = Form.useForm();
const containerStore = useContainerStore(
@@ -222,9 +221,9 @@ export const ContainerList = () => {
<Button onClick={onAdd} icon={<PlusOutlined />}></Button>
</Tooltip>
</div>
<div className='flex flex-grow overflow-hidden h-full'>
<div className='flex-grow overflow-auto scrollbar bg-gray-100'>
<div className='flex flex-wrap gap-x-10 gap-y-4 rounded pt-10 justify-center'>
<div className='flex grow overflow-hidden h-full'>
<div className='grow overflow-auto scrollbar bg-gray-100'>
<div className='flex flex-wrap gap-x-10 gap-y-4 rounded-sm pt-10 justify-center'>
{containerStore.list.length > 0 &&
containerStore.list.map((item) => {
return (
@@ -316,7 +315,7 @@ export const ContainerList = () => {
<CardBlank className='w-[400px]' />
</div>
</div>
<div className={clsx('bg-gray-100 border-l border-bg-slate-300 w-[600px] flex-shrink-0', !codeEdit && 'hidden')}>
<div className={clsx('bg-gray-100 border-l-gray-200 border-bg-slate-300 w-[600px] shark-0', !codeEdit && 'hidden')}>
<div className='bg-white p-2'>
<div className='mt-2 ml-2 flex gap-2'>
<Tooltip title='返回'>
@@ -345,7 +344,7 @@ export const ContainerList = () => {
</Tooltip>
</div>
</div>
<div className='h-[94%] p-2 rounded-2 shadow-sm'>
<div className='h-[94%] p-2 rounded-2 shadow-xs'>
<TextArea
value={code}
onChange={(value) => {