diff --git a/client/src/app.css b/client/src/app.css index 2e70b8b..c65b42a 100644 --- a/client/src/app.css +++ b/client/src/app.css @@ -43,9 +43,10 @@ code { padding: 0.2em .6em; font-size: 1rem; margin: 0 .2em; + border: 0; } -.btn-disabled { +.btn-disabled, .btn[disabled] { color: #aaa; } diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx index 604b2cc..16313bb 100644 --- a/client/src/components/Level.tsx +++ b/client/src/components/Level.tsx @@ -33,7 +33,7 @@ import { Main } from './infoview/main' import type { Location } from 'vscode-languageserver-protocol'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faUpload, faArrowRotateRight, faChevronLeft, faChevronRight, faBook, faHome, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons' +import { faHome, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons' import { styled, useTheme, Theme, CSSObject } from '@mui/material/styles'; import { AppBarProps as MuiAppBarProps } from '@mui/material/AppBar'; diff --git a/client/src/components/infoview/CommandLine.tsx b/client/src/components/infoview/CommandLine.tsx index 41a453c..66432e5 100644 --- a/client/src/components/infoview/CommandLine.tsx +++ b/client/src/components/infoview/CommandLine.tsx @@ -6,6 +6,9 @@ import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js' import { DiagnosticSeverity, PublishDiagnosticsParams } from 'vscode-languageserver-protocol'; import { MonacoEditorContext } from '../Level' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faWandMagicSparkles } from '@fortawesome/free-solid-svg-icons' + export function CommandLine() { @@ -47,7 +50,7 @@ export function CommandLine() { return
- +
} diff --git a/client/src/components/infoview/goals.tsx b/client/src/components/infoview/goals.tsx index bf64057..d394d8a 100644 --- a/client/src/components/infoview/goals.tsx +++ b/client/src/components/infoview/goals.tsx @@ -141,16 +141,16 @@ export const Goal = React.memo((props: GoalProps) => { - let cn = 'font-code tl pre-wrap bl bw1 pl1 b--transparent ' - if (props.goal.isInserted) cn += 'b--inserted ' - if (props.goal.isRemoved) cn += 'b--removed ' + // let cn = 'font-code tl pre-wrap bl bw1 pl1 b--transparent ' + // if (props.goal.isInserted) cn += 'b--inserted ' + // if (props.goal.isRemoved) cn += 'b--removed ' const hints = const objectHyps = hyps.filter(hyp => !hyp.isAssumption) const assumptionHyps = hyps.filter(hyp => hyp.isAssumption) const {commandLineMode} = React.useContext(InputModeContext) - return
+ return
{/* {goal.userName &&
case {goal.userName}
} */} {filter.reverse && goalLi} { objectHyps.length > 0 && diff --git a/client/src/components/infoview/info.tsx b/client/src/components/infoview/info.tsx index b4d051a..f4715d2 100644 --- a/client/src/components/infoview/info.tsx +++ b/client/src/components/infoview/info.tsx @@ -213,7 +213,7 @@ function InfoDisplay(props0: InfoDisplayProps & InfoPinnable) { {/*
*/} {/* */} -
+
{/*
*/} diff --git a/client/src/components/infoview/infoview.css b/client/src/components/infoview/infoview.css index d1e6e4b..c3d4145 100644 --- a/client/src/components/infoview/infoview.css +++ b/client/src/components/infoview/infoview.css @@ -37,9 +37,27 @@ } .command-line { + background: var(--clr-primary); + padding: 0.5em; font-family: var(--ff-primary); + border-radius: 0.2em; + margin: 0.2em 0; } .command-line input[type="text"] { font-family: var(--vscode-editor-font-family); } + +.command-line form { + display: flex; +} + +.command-line form>input{ + display: block; +} + +.command-line form>input[type="text"]{ + flex: 1; + padding: 0.2em .6em; + font-size: 1rem; +} diff --git a/client/src/components/infoview/main.tsx b/client/src/components/infoview/main.tsx index fe9cc41..bde2910 100644 --- a/client/src/components/infoview/main.tsx +++ b/client/src/components/infoview/main.tsx @@ -80,7 +80,7 @@ export function Main(props: {world: string, level: number}) { } else if (serverStoppedResult){ ret =

{serverStoppedResult.message}

{serverStoppedResult.reason}

} else { - ret =
+ ret =
{completed &&
Level completed! 🎉
}
diff --git a/client/src/components/infoview/messages.tsx b/client/src/components/infoview/messages.tsx index 2aee9b5..bf1e8fc 100644 --- a/client/src/components/infoview/messages.tsx +++ b/client/src/components/infoview/messages.tsx @@ -84,7 +84,7 @@ export const MessagesList = React.memo(({uri, messages}: {uri: DocumentUri, mess if (should_hide) { return <> } return ( -
+
{mkMessageViewProps(uri, messages).map(m => )}
); diff --git a/client/src/components/level.css b/client/src/components/level.css index e6bab61..bc98c13 100644 --- a/client/src/components/level.css +++ b/client/src/components/level.css @@ -34,7 +34,7 @@ flex-flow: column; } -.introduction-panel { +.infoview { padding: 1em; } @@ -59,7 +59,12 @@ margin-bottom: 0; } +.introduction-panel { + padding: 1em; +} + .input-mode-switch { + margin: .5em 0; float: right; }