Web:Files:Components: add styled header from sharing panel to embedding panel
This commit is contained in:
parent
1a6d773496
commit
797324cd1e
@ -10,10 +10,11 @@ import i18n from "./i18n";
|
||||
import {
|
||||
StyledEmbeddingPanel,
|
||||
StyledContent,
|
||||
StyledHeaderContent,
|
||||
StyledBody,
|
||||
} from "../StyledPanels";
|
||||
|
||||
import { StyledHeaderContent } from "../SharingPanel/StyledSharingPanel";
|
||||
|
||||
import EmbeddingBody from "./EmbeddingBody";
|
||||
|
||||
class EmbeddingPanelComponent extends React.Component {
|
||||
@ -40,19 +41,21 @@ class EmbeddingPanelComponent extends React.Component {
|
||||
<Aside className="header_aside-panel">
|
||||
<StyledContent>
|
||||
<StyledHeaderContent>
|
||||
<IconButton
|
||||
size="16"
|
||||
iconName="/static/images/arrow.path.react.svg"
|
||||
onClick={this.onArrowClick}
|
||||
// color={theme.filesPanels.embedding.color}
|
||||
/>
|
||||
<Heading
|
||||
className="header_aside-panel-header"
|
||||
size="medium"
|
||||
truncate
|
||||
>
|
||||
{t("EmbeddingDocument")}
|
||||
</Heading>
|
||||
<div className="embedding_panel">
|
||||
<IconButton
|
||||
size="16"
|
||||
iconName="/static/images/arrow.path.react.svg"
|
||||
onClick={this.onArrowClick}
|
||||
// color={theme.filesPanels.embedding.color}
|
||||
/>
|
||||
<Heading
|
||||
className="header_aside-panel-header"
|
||||
size="medium"
|
||||
truncate
|
||||
>
|
||||
{t("EmbeddingDocument")}
|
||||
</Heading>
|
||||
</div>
|
||||
</StyledHeaderContent>
|
||||
<StyledBody>
|
||||
<EmbeddingBody theme={theme} />
|
||||
|
@ -41,6 +41,13 @@ const StyledHeaderContent = styled.div`
|
||||
}
|
||||
}
|
||||
|
||||
.embedding_panel {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.sharing_panel-icons-container {
|
||||
display: flex;
|
||||
margin-left: 16px;
|
||||
|
Loading…
Reference in New Issue
Block a user