mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
feat: various UI updates
This commit is contained in:
parent
52bc9e556b
commit
d5ad9e2f2f
10 changed files with 214 additions and 291 deletions
|
|
@ -7,7 +7,7 @@ function InfoCalloutComponent(props: any) {
|
|||
return (
|
||||
<NodeViewWrapper>
|
||||
<InfoCalloutWrapper contentEditable={props.extension.options.editable}>
|
||||
<AlertCircle /> <NodeViewContent contentEditable={props.extension.options.editable} className="content" />
|
||||
<AlertCircle /> <NodeViewContent contentEditable={props.extension.options.editable} className="content" />
|
||||
</InfoCalloutWrapper>
|
||||
</NodeViewWrapper>
|
||||
);
|
||||
|
|
@ -17,7 +17,7 @@ const InfoCalloutWrapper = styled.div`
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
color: #1f3a8a;
|
||||
background-color: #dbe9fe;
|
||||
background-color: #dbe9fe;
|
||||
border: 1px solid #c1d9fb;
|
||||
border-radius: 16px;
|
||||
margin: 1rem 0;
|
||||
|
|
@ -36,14 +36,6 @@ const InfoCalloutWrapper = styled.div`
|
|||
}
|
||||
`;
|
||||
|
||||
const DragHandle = styled.div`
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1rem;
|
||||
height: 100%;
|
||||
cursor: move;
|
||||
z-index: 1;
|
||||
`;
|
||||
|
||||
|
||||
export default InfoCalloutComponent;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue