phc/lean4game
6
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
Jon Eugster
2023-02-08 16:16:14 +01:00
parent abcc3087d3
commit 2e73bc3330
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Level.tsx
+3 -3
View File
@@ -155,13 +155,13 @@ function Level() {
</div> </div>
</div> </div>
<Split minSize={200} sizes={[25, 50, 25]} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}> <Split minSize={200} sizes={[30, 45, 25]} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}>
<div className="main-panel"> <div className="side-panel">
<div ref={introductionPanelRef} className="introduction-panel"> <div ref={introductionPanelRef} className="introduction-panel">
<Markdown>{level?.data?.introduction}</Markdown> <Markdown>{level?.data?.introduction}</Markdown>
</div> </div>
</div> </div>
<div className="info-panel"> <div className="exercise-panel">
<div className="exercise"> <div className="exercise">
{/* <h4>Aufgabe:</h4> */} {/* <h4>Aufgabe:</h4> */}
<Markdown>{level?.data?.descrText}</Markdown> <Markdown>{level?.data?.descrText}</Markdown>
client/src/components/level.css
+3 -2
View File
@@ -24,14 +24,15 @@
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
} }
.main-panel, .info-panel, .doc-panel { .side-panel, .exercise-panel, .doc-panel {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
} }
.main-panel { .side-panel {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
background-color: #e9f2fb;
} }
.infoview { .infoview {