osmarks
/
rpncalc
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minor shuffling around

This commit is contained in:
osmarks 2018-04-23 21:44:27 +01:00
parent 778ca0a2b7
commit 3f18fcc35d
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,3 +1,4 @@
elm-stuff elm-stuff
node_modules node_modules
dist dist
.cache

6
src/Main.elm
View File

@ -117,7 +117,7 @@ displayDocs : Dict String String -> List (Html a)
displayDocs docs = displayDocs docs =
let let
docsL = Dict.toList docs docsL = Dict.toList docs
entry (op, desc) = div [class "op"] entry (op, desc) = div [class "op-docs"]
[ span [class "op-name", style [("background-color", Hashbow.hashbow op)]] [text op] [ span [class "op-name", style [("background-color", Hashbow.hashbow op)]] [text op]
, span [class "op-desc"] [text desc] , span [class "op-desc"] [text desc]
] ]
@ -134,12 +134,12 @@ view model =
Err outputError -> Err outputError ->
[error outputError] [error outputError]
in div [class "rpncalc"] ( in div [class "rpncalc"] (
[ div [class "stack"] stack [ input [onInput ExpressionTyped, value model.expression, class "exprinput", autofocus True, placeholder "Expression"] []
, input [onInput ExpressionTyped, value model.expression, class "exprinput", autofocus True, placeholder "Expression"] []
, div [class "config-panel"] , div [class "config-panel"]
[ formatControl model.outputSetting |> Html.map SwitchOutputConf [ formatControl model.outputSetting |> Html.map SwitchOutputConf
, floatingPointControl model.floatingPointControl |> Html.map AdjustFloatingPointControl , floatingPointControl model.floatingPointControl |> Html.map AdjustFloatingPointControl
] ]
, div [class "stack"] stack
, div [class "docs"] (displayDocs Ops.opDocs) , div [class "docs"] (displayDocs Ops.opDocs)
] ]
) )

7
style.css
View File

@ -5,6 +5,11 @@
flex-direction: column; flex-direction: column;
} }
.stack {
margin-top: 5vh;
margin-bottom: 5vh;
}
.item { .item {
min-width: 10em; min-width: 10em;
min-height: 10em; min-height: 10em;
@ -70,7 +75,7 @@ hr {
flex-wrap: wrap; flex-wrap: wrap;
} }
.op { .op-docs {
background: #8cb7c6; background: #8cb7c6;
display: flex; display: flex;
align-items: center; align-items: center;