dify/web/app/components/datasets/documents/detail/metadata/style.module.css
Stephen Zhou 1873b22e96
refactor: update to tailwind v4 (#34415)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
2026-04-02 07:06:11 +00:00

109 lines
2.8 KiB
CSS

@reference "../../../../../styles/globals.css";
.main {
@apply w-full shrink-0 overflow-y-auto border-none p-0 sm:w-96 sm:px-6 sm:py-5 sm:border-l sm:border-l-gray-100 xl:w-[360px];
}
.operationWrapper {
@apply flex flex-col items-center gap-4 mt-7 mb-8;
}
.iconWrapper {
@apply box-border cursor-pointer h-8 w-8 inline-flex items-center justify-center;
@apply border-[#EAECF5] border rounded-lg hover:border-primary-200 hover:bg-primary-25 hover:shadow-md;
}
.icon {
@apply h-4 w-4 stroke-current stroke-[2px] text-gray-700 group-hover:stroke-primary-600;
}
.iconCheck {
@apply !border-[1.5px] !border-primary-400 !bg-primary-25 !shadow-xs;
}
.commonIcon {
@apply w-4 h-4 inline-block align-middle bg-gray-700 hover:bg-primary-600;
}
.bookOpenIcon {
mask-image: url(../../assets/bookOpen.svg);
}
.globeIcon {
mask-image: url(../../assets/globe.svg);
}
.graduationHatIcon {
mask-image: url(../../assets/graduationHat.svg);
}
.fileIcon {
mask-image: url(../../assets/file.svg);
}
.briefcaseIcon {
mask-image: url(../../assets/briefcase.svg);
}
.atSignIcon {
mask-image: url(../../assets/atSign.svg);
}
.messageTextCircleIcon {
mask-image: url(../../assets/messageTextCircle.svg);
}
.radioGroup {
@apply !bg-transparent !gap-2;
}
.radio {
@apply !p-0 !mr-0 hover:bg-transparent !rounded-lg;
}
.title {
@apply text-sm text-gray-800 font-medium leading-6;
}
.titleWrapper {
@apply flex items-center justify-between;
}
.desc {
@apply text-gray-500 text-xs;
}
.changeTip {
@apply text-[#D92D20] text-xs text-center;
}
.opBtnWrapper {
@apply flex items-center justify-center gap-1;
}
.opBtn {
@apply !h-6 !w-14 !px-0 !text-xs !font-medium rounded-md;
}
.opEditBtn {
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
@apply !border-[0.5px] !border-gray-200 !bg-white;
}
.opCancelBtn {
@apply !border-none !bg-gray-50 !font-medium !text-gray-700 hover:!bg-gray-100;
}
.opSaveBtn {
@apply !border-[0.5px] !border-primary-700 !font-medium hover:!border-none;
}
.opIcon {
@apply h-3 w-3 stroke-current stroke-2 mr-1;
}
.select {
@apply !h-7 !py-0 !pl-2 !text-xs !bg-gray-50 rounded-md !shadow-none hover:!bg-gray-100;
}
.selectWrapper {
@apply !h-7 w-full
}
.selectWrapper ul {
@apply text-xs
}
.selectWrapper li {
@apply flex items-center h-8
}
.documentTypeShow {
@apply flex items-center text-xs text-gray-500;
}
.iconShow {
mask-size: contain;
@apply !mr-1 !h-3 !w-3 !bg-gray-500 hover:!bg-none;
}
.textArea {
@apply rounded-md bg-gray-50 px-2 py-1 caret-primary-600 placeholder:text-gray-400 hover:bg-gray-100 focus-visible:border focus-visible:border-gray-300 focus-visible:bg-white focus-visible:outline-hidden;
}
.textArea:hover {
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
.input {
@apply !bg-gray-50 hover:!bg-gray-100 focus-visible:!bg-white
}