rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve lecture ui design

Browse source
This commit is contained in:
swve 2023-01-15 16:35:42 +01:00
parent 2fc9d90e9f
commit 81aead7611
4 changed files with 14 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
front/components/Editor/Editor.tsx
View file

@ -98,7 +98,9 @@ function Editor(props: Editor) {
{" "}
<b>{props.course.course.name}</b> <SlashIcon /> {props.element.name}{" "}
</EditorInfoDocName>
<EditorSaveButton onClick={() => props.setContent(editor.getJSON())}>Save <Save size={12}/></EditorSaveButton>
<EditorSaveButton onClick={() => props.setContent(editor.getJSON())}>
Save <Save size={12} />
</EditorSaveButton>
</EditorInfoWrapper>
<EditorButtonsWrapper>
<ToolbarButtons editor={editor} />
@ -147,7 +149,7 @@ const Page = styled.div`
`;
const EditorTop = styled.div`
background-color: #ffffffb8;
background-color: #ffffffeb;
border-radius: 15px;
backdrop-filter: saturate(180%) blur(14px);
margin: 40px;
@ -225,7 +227,6 @@ const EditorSaveButton = styled.div`
align-items: center;
justify-content: space-between;
width: 53px;
&.is-active {
background: rgba(176, 176, 176, 0.5);