Enhance Code Consistency Across Repository with .editorconfig
(#19023)
This commit is contained in:
@@ -2,39 +2,38 @@
|
||||
@apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.previewHeader {
|
||||
@apply border-b border-divider-subtle shrink-0;
|
||||
margin: 42px 32px 0;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
|
||||
.previewHeader .title {
|
||||
@apply flex justify-between items-center text-text-primary;
|
||||
}
|
||||
|
||||
|
||||
.previewHeader .fileName {
|
||||
@apply text-text-tertiary;
|
||||
}
|
||||
|
||||
|
||||
.previewHeader .filetype {
|
||||
@apply text-text-tertiary;
|
||||
}
|
||||
|
||||
|
||||
.previewContent {
|
||||
@apply overflow-y-auto grow text-text-secondary;
|
||||
padding: 20px 32px;
|
||||
}
|
||||
|
||||
|
||||
.previewContent .loading {
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background: transparent center no-repeat url(../assets/Loading.svg);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
|
||||
.fileContent {
|
||||
white-space: pre-line;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
@@ -31,4 +31,3 @@
|
||||
.fileContent {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
@@ -63,4 +63,4 @@
|
||||
.notionIcon {
|
||||
background: var(--color-components-card-bg) center no-repeat url(../assets/notion.svg);
|
||||
background-size: 24px;
|
||||
}
|
||||
}
|
||||
|
@@ -385,7 +385,7 @@
|
||||
max-width: 524px;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
* `fixed` must under `previewHeader` because of style override would not work
|
||||
*/
|
||||
.fixed {
|
||||
|
@@ -105,8 +105,8 @@ const ExternalKnowledgeAPICard: React.FC<ExternalKnowledgeAPICardProps> = ({ api
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className={`shadows-shadow-xs flex items-start self-stretch rounded-lg border-[0.5px] border-components-panel-border-subtle
|
||||
bg-components-panel-on-panel-item-bg p-2
|
||||
<div className={`shadows-shadow-xs flex items-start self-stretch rounded-lg border-[0.5px] border-components-panel-border-subtle
|
||||
bg-components-panel-on-panel-item-bg p-2
|
||||
pl-3 ${isHovered ? 'border-state-destructive-border bg-state-destructive-hover' : ''}`}
|
||||
>
|
||||
<div className='flex grow flex-col items-start justify-center gap-1.5 py-1'>
|
||||
|
@@ -59,7 +59,7 @@ const ExternalApiSelect: React.FC<ExternalApiSelectProps> = ({ items, value, onS
|
||||
return (
|
||||
<div className="relative w-full">
|
||||
<div
|
||||
className={`flex cursor-pointer items-center justify-between gap-0.5 self-stretch rounded-lg bg-components-input-bg-normal px-2
|
||||
className={`flex cursor-pointer items-center justify-between gap-0.5 self-stretch rounded-lg bg-components-input-bg-normal px-2
|
||||
py-1 hover:bg-state-base-hover-alt ${isOpen && 'bg-state-base-hover-alt'}`}
|
||||
onClick={() => setIsOpen(!isOpen)}
|
||||
>
|
||||
|
@@ -40,4 +40,4 @@
|
||||
.clockIcon {
|
||||
mask-image: url(./assets/clock.svg);
|
||||
@apply bg-gray-500;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user