mirror of
https://github.com/langgenius/dify.git
synced 2026-07-24 04:58:32 +08:00
109 lines
2.8 KiB
CSS
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:border-l sm:border-l-gray-100 sm:px-6 sm:py-5 xl:w-[360px];
|
|
}
|
|
.operationWrapper {
|
|
@apply mt-7 mb-8 flex flex-col items-center gap-4;
|
|
}
|
|
.iconWrapper {
|
|
@apply box-border inline-flex h-8 w-8 cursor-pointer items-center justify-center;
|
|
@apply rounded-lg border border-[#EAECF5] 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 inline-block h-4 w-4 bg-gray-700 align-middle 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 !gap-2 !bg-transparent;
|
|
}
|
|
.radio {
|
|
@apply !mr-0 !rounded-lg !p-0 hover:bg-transparent;
|
|
}
|
|
.title {
|
|
@apply text-sm leading-6 font-medium text-gray-800;
|
|
}
|
|
.titleWrapper {
|
|
@apply flex items-center justify-between;
|
|
}
|
|
.desc {
|
|
@apply text-xs text-gray-500;
|
|
}
|
|
|
|
.changeTip {
|
|
@apply text-center text-xs text-[#D92D20];
|
|
}
|
|
.opBtnWrapper {
|
|
@apply flex items-center justify-center gap-1;
|
|
}
|
|
.opBtn {
|
|
@apply !h-6 !w-14 rounded-md !px-0 !text-xs !font-medium;
|
|
}
|
|
.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 mr-1 h-3 w-3 stroke-current stroke-2;
|
|
}
|
|
.select {
|
|
@apply !h-7 rounded-md !bg-gray-50 !py-0 !pl-2 !text-xs !shadow-none hover:!bg-gray-100;
|
|
}
|
|
.selectWrapper {
|
|
@apply !h-7 w-full;
|
|
}
|
|
.selectWrapper ul {
|
|
@apply text-xs;
|
|
}
|
|
.selectWrapper li {
|
|
@apply flex h-8 items-center;
|
|
}
|
|
.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;
|
|
}
|