GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-09-04 23:29:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: adjust grid column size for better layout in PluginsPage and ai-settings

Browse Source
This commit is contained in:
shiyu
2026-01-06 17:07:30 +08:00
parent 24255744df
commit 5703825c31
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/PluginsPage.tsx
+4 -4
View File
@@ -552,7 +552,7 @@ const PluginsPage = memo(function PluginsPage() {
</div> </div>
<div style={{ flex: 1, minHeight: 0, overflow: 'auto', padding: 4 }}> <div style={{ flex: 1, minHeight: 0, overflow: 'auto', padding: 4 }}>
{loading ? ( {loading ? (
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 320px))', gap: 12, justifyContent: 'start' }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12, justifyContent: 'start' }}>
{Array.from({ length: 6 }).map((_, i) => ( {Array.from({ length: 6 }).map((_, i) => (
<Card key={i} style={{ borderRadius: 10 }}> <Card key={i} style={{ borderRadius: 10 }}>
<Skeleton active avatar paragraph={{ rows: 3 }} /> <Skeleton active avatar paragraph={{ rows: 3 }} />
@@ -562,7 +562,7 @@ const PluginsPage = memo(function PluginsPage() {
) : filtered.length === 0 ? ( ) : filtered.length === 0 ? (
<Empty description={t('No plugins')} /> <Empty description={t('No plugins')} />
) : ( ) : (
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 320px))', gap: 12, justifyContent: 'start' }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12, justifyContent: 'start' }}>
{filtered.map(renderCard)} {filtered.map(renderCard)}
</div> </div>
)} )}
@@ -601,7 +601,7 @@ const PluginsPage = memo(function PluginsPage() {
</div> </div>
<div style={{ flex: 1, minHeight: 0, overflow: 'auto', padding: 4 }}> <div style={{ flex: 1, minHeight: 0, overflow: 'auto', padding: 4 }}>
{discoveryLoading && discoveryApps.length === 0 ? ( {discoveryLoading && discoveryApps.length === 0 ? (
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 320px))', gap: 12, justifyContent: 'start' }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12, justifyContent: 'start' }}>
{Array.from({ length: 6 }).map((_, i) => ( {Array.from({ length: 6 }).map((_, i) => (
<Card key={i} style={{ borderRadius: 10 }}> <Card key={i} style={{ borderRadius: 10 }}>
<Skeleton active avatar paragraph={{ rows: 3 }} /> <Skeleton active avatar paragraph={{ rows: 3 }} />
@@ -615,7 +615,7 @@ const PluginsPage = memo(function PluginsPage() {
) : filteredDiscoveryApps.length === 0 ? ( ) : filteredDiscoveryApps.length === 0 ? (
<Empty description={discoveryApps.length === 0 ? t('No results') : t('No results')} /> <Empty description={discoveryApps.length === 0 ? t('No results') : t('No results')} />
) : ( ) : (
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 320px))', gap: 12, justifyContent: 'start' }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12, justifyContent: 'start' }}>
{filteredDiscoveryApps.map(app => { {filteredDiscoveryApps.map(app => {
const name = lang === 'zh' ? app.name.zh : app.name.en; const name = lang === 'zh' ? app.name.zh : app.name.en;
const description = lang === 'zh' ? app.description.zh : app.description.en; const description = lang === 'zh' ? app.description.zh : app.description.en;
web/src/styles/ai-settings.css
+1 -1
View File
@@ -209,7 +209,7 @@
.fx-ai-template-grid { .fx-ai-template-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px; gap: 16px;
} }