bump: update for tailwindcss 4.0
This commit is contained in:
@@ -122,7 +122,7 @@ export const AppVersionList = () => {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='flex-grow h-full relative'>
|
||||
<div className='grow h-full relative'>
|
||||
<div className='absolute top-2 left-4'>
|
||||
<Tooltip title='返回' placement='bottom'>
|
||||
<Button
|
||||
@@ -216,7 +216,7 @@ export const AppVersionList = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='flex-shrink h-full'>
|
||||
<div className='shark h-full'>
|
||||
{isUpload && (
|
||||
<div className='bg-white p-2 w-[600px] h-full flex flex-col'>
|
||||
<div className='header flex items-center gap-2'>
|
||||
@@ -254,7 +254,7 @@ export const AppVersionFile = () => {
|
||||
return (
|
||||
<>
|
||||
<div>version: {versionStore.formData.version}</div>
|
||||
<div className='border rounded-md my-2 flex-grow overflow-hidden'>
|
||||
<div className='border rounded-md my-2 grow overflow-hidden'>
|
||||
<div className='flex gap-2 items-center border-b py-2 px-2'>
|
||||
Files
|
||||
<FileUpload />
|
||||
|
||||
@@ -126,7 +126,7 @@ export const List = () => {
|
||||
icon={<CodeOutlined />}></Button>
|
||||
</Tooltip>
|
||||
</div>
|
||||
<div className='flex-grow'>
|
||||
<div className='grow'>
|
||||
<div className='w-full h-full p-4'>
|
||||
<div className='w-full h-full bg-white rounded-lg p-2'>
|
||||
<div className='flex flex-wrap gap-2'>
|
||||
|
||||
@@ -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)}
|
||||
|
||||
@@ -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) => {
|
||||
|
||||
@@ -128,8 +128,8 @@ export const List = () => {
|
||||
<div className='p-2'>
|
||||
<Button onClick={onAdd} icon={<PlusOutlined />}></Button>
|
||||
</div>
|
||||
<div className='flex flex-grow overflow-hidden h-full'>
|
||||
<div className='flex-grow overflow-auto scrollbar bg-gray-100'>
|
||||
<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 pt-10 justify-center'>
|
||||
{userStore.list.length > 0 &&
|
||||
userStore.list.map((item) => {
|
||||
@@ -203,7 +203,7 @@ export const List = () => {
|
||||
<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', 'hidden')}>
|
||||
<div className={clsx('bg-gray-100 border-l-gray-200 border-bg-slate-300 w-[600px] shark-0', !codeEdit && 'hidden', 'hidden')}>
|
||||
<div className='bg-white p-2'>
|
||||
<div className='mt-2 ml-2 flex gap-2'>
|
||||
<Button
|
||||
@@ -220,7 +220,7 @@ export const List = () => {
|
||||
icon={<SaveOutlined />}></Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className='h-[94%] p-2 rounded-2 shadow-sm'>
|
||||
<div className='h-[94%] p-2 rounded-2 shadow-xs'>
|
||||
<Input.TextArea
|
||||
value={code}
|
||||
onChange={(value) => {
|
||||
|
||||
@@ -122,7 +122,7 @@ export const UserList = () => {
|
||||
message.info('Coming soon');
|
||||
}}></Button>
|
||||
</div>
|
||||
<div className='p-4 pt-12 flex-grow relative'>
|
||||
<div className='p-4 pt-12 grow relative'>
|
||||
<div className='absolute top-2'>
|
||||
<Tooltip title='返回'>
|
||||
<Button
|
||||
|
||||
@@ -110,8 +110,8 @@ export const List = () => {
|
||||
<div className='p-2'>
|
||||
<Button onClick={onAdd} icon={<PlusOutlined />}></Button>
|
||||
</div>
|
||||
<div className='flex flex-grow overflow-hidden h-full'>
|
||||
<div className='flex-grow overflow-auto scrollbar bg-gray-100'>
|
||||
<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 pt-10 justify-center'>
|
||||
{userStore.list.length > 0 &&
|
||||
userStore.list.map((item) => {
|
||||
@@ -172,7 +172,7 @@ export const List = () => {
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className={clsx('bg-gray-100 border-l border-bg-slate-300 w-[600px] flex-shrink-0', !codeEdit && 'hidden', 'hidden')}>
|
||||
<div className={clsx('bg-gray-100 border-l-gray-200 border-bg-slate-300 w-[600px] shark-0', !codeEdit && 'hidden', 'hidden')}>
|
||||
<div className='bg-white p-2'>
|
||||
<div className='mt-2 ml-2 flex gap-2'>
|
||||
<Button
|
||||
@@ -189,7 +189,7 @@ export const List = () => {
|
||||
icon={<SaveOutlined />}></Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className='h-[94%] p-2 rounded-2 shadow-sm'>
|
||||
<div className='h-[94%] p-2 rounded-2 shadow-xs'>
|
||||
<Input.TextArea
|
||||
value={code}
|
||||
onChange={(value) => {
|
||||
|
||||
Reference in New Issue
Block a user