50 lines
761 B
CSS
50 lines
761 B
CSS
/**
|
|
* 文件图标组件样式
|
|
*/
|
|
|
|
/* 文件图标容器 */
|
|
.file-icon {
|
|
@apply inline-flex items-center justify-center w-10 h-10 rounded-md text-xl;
|
|
}
|
|
|
|
/* 文件图标类型 */
|
|
.file-icon-doc {
|
|
@apply bg-blue-100 text-blue-600;
|
|
}
|
|
|
|
.file-icon-pdf {
|
|
@apply bg-red-100 text-red-600;
|
|
}
|
|
|
|
.file-icon-xls {
|
|
@apply bg-green-100 text-green-600;
|
|
}
|
|
|
|
.file-icon-ppt {
|
|
@apply bg-orange-100 text-orange-600;
|
|
}
|
|
|
|
.file-icon-zip {
|
|
@apply bg-purple-100 text-purple-600;
|
|
}
|
|
|
|
.file-icon-img {
|
|
@apply bg-pink-100 text-pink-600;
|
|
}
|
|
|
|
.file-icon-txt {
|
|
@apply bg-gray-100 text-gray-600;
|
|
}
|
|
|
|
.file-icon-unknown {
|
|
@apply bg-gray-100 text-gray-600;
|
|
}
|
|
|
|
/* 文件图标尺寸 */
|
|
.file-icon-sm {
|
|
@apply w-8 h-8 text-base;
|
|
}
|
|
|
|
.file-icon-lg {
|
|
@apply w-12 h-12 text-2xl;
|
|
} |