kudzues/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-05 09:09:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: support app rename and make app card ui better (#766)

Browse Source 
Co-authored-by: Gillian97 <jinling.sunshine@gmail.com>
This commit is contained in:
Joel
2023-08-16 10:31:08 +08:00
committed by GitHub
parent 216fc5d312
commit f95f6db0e3
53 changed files with 612 additions and 419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/app/(commonLayout)/list.module.css
View File

@@ -14,9 +14,14 @@
@apply relative;
}
.listItem.selectable::before {
content: '';
content: "";
@apply absolute top-0 left-0 block w-full h-full rounded-lg pointer-events-none opacity-0 transition-opacity duration-200 ease-in-out hover:opacity-100;
background: linear-gradient(0deg, rgba(235, 245, 255, 0.5), rgba(235, 245, 255, 0.5)), #FFFFFF;
background: linear-gradient(
0deg,
rgba(235, 245, 255, 0.5),
rgba(235, 245, 255, 0.5)
),
#ffffff;
}
.listItem.selectable:hover::before {
@apply opacity-100;
@@ -65,13 +70,13 @@
@apply text-primary-600;
}
.newItemIconAdd {
background-image: url('./apps/assets/add.svg');
background-image: url("./apps/assets/add.svg");
}
.newItemIconChat {
background-image: url('./apps/assets/chat.svg');
background-image: url("./apps/assets/chat.svg");
}
.newItemIconComplete {
background-image: url('./apps/assets/completion.svg');
background-image: url("./apps/assets/completion.svg");
}
.listItemTitle {
@@ -86,12 +91,18 @@
@apply absolute top-0 left-0 w-full h-full overflow-hidden text-ellipsis whitespace-nowrap;
}
.deleteAppIcon {
.actionIconWrapper {
@apply hidden h-8 w-8 p-2 rounded-md border-none hover:bg-gray-100 !important;
}
.listItem:hover .actionIconWrapper {
@apply !inline-flex;
}
.deleteDatasetIcon {
@apply hidden grow-0 shrink-0 basis-8 w-8 h-8 rounded-lg transition-colors duration-200 ease-in-out bg-white border border-gray-200 hover:bg-gray-100 bg-center bg-no-repeat;
background-size: 16px;
background-image: url('./apps/assets/delete.svg');
background-image: url('~@/assets/delete.svg');
}
.listItem:hover .deleteAppIcon {
.listItem:hover .deleteDatasetIcon {
@apply block;
}
@@ -114,19 +125,19 @@
@apply block w-3 h-3 bg-center bg-contain;
}
.solidChatIcon {
background-image: url('./apps/assets/chat-solid.svg');
background-image: url("./apps/assets/chat-solid.svg");
}
.solidCompletionIcon {
background-image: url('./apps/assets/completion-solid.svg');
background-image: url("./apps/assets/completion-solid.svg");
}
.docIcon {
background-image: url('./datasets/assets/doc.svg');
background-image: url("./datasets/assets/doc.svg");
}
.textIcon {
background-image: url('./datasets/assets/text.svg');
background-image: url("./datasets/assets/text.svg");
}
.applicationIcon {
background-image: url('./datasets/assets/application.svg');
background-image: url("./datasets/assets/application.svg");
}
.newItemCardHeading {
@@ -140,24 +151,24 @@
@apply inline-flex items-center gap-1 text-xs text-gray-400 transition-colors duration-200 ease-in-out;
}
.listItem:hover .listItemLink {
@apply text-primary-600
@apply text-primary-600;
}
.linkIcon {
@apply block w-[13px] h-[13px] bg-center bg-contain;
background-image: url('./apps/assets/link.svg');
background-image: url("./apps/assets/link.svg");
}
.linkIcon.grayLinkIcon {
background-image: url('./apps/assets/link-gray.svg');
background-image: url("./apps/assets/link-gray.svg");
}
.listItem:hover .grayLinkIcon {
background-image: url('./apps/assets/link.svg');
background-image: url("./apps/assets/link.svg");
}
.rightIcon {
@apply block w-[13px] h-[13px] bg-center bg-contain;
background-image: url('./apps/assets/right-arrow.svg');
background-image: url("./apps/assets/right-arrow.svg");
}
.socialMediaLink {
@@ -169,11 +180,11 @@
}
.githubIcon {
background-image: url('./apps/assets/github.svg');
background-image: url("./apps/assets/github.svg");
}
.discordIcon {
background-image: url('./apps/assets/discord.svg');
background-image: url("./apps/assets/discord.svg");
}
/* #region new app dialog */