Emi/ELOS-License-Builder
1
0
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity

Add dividers

Browse source
This commit is contained in:
Emi Simpson 2022-02-05 19:20:09 -05:00
parent 43d536f562
commit bc217b2c72
Signed by: Emi
GPG key ID: 45E9C6E81BD86E7C
2 changed files with 30 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
site/styles.scss
View file

@ -133,7 +133,6 @@ header {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 20px; gap: 20px;
margin-top: 20px; margin-top: 20px;
margin-bottom: 100px;
.selectable-license { .selectable-license {
background: none; background: none;
@ -207,6 +206,26 @@ header {
width: 100%; width: 100%;
} }
.divider {
display: grid;
grid-template-columns: 1fr 0fr 1fr;
align-items: center;
margin: 0 -100px;
gap: 50px;
font-family: Resistance;
color: #e1c0ed;
margin-top: 110px;
margin-bottom: 30px;
h2 {
white-space: nowrap;
}
div {
border-bottom: 1px solid #bf8cd1;
}
}
.cooler-checkbox { .cooler-checkbox {
height: 40px; height: 40px;
width: 40px; width: 40px;

11
src/Main.elm
View file

@ -2,7 +2,7 @@ module Main exposing (main)
import Browser import Browser
import Sort.Set as Set exposing (Set) import Sort.Set as Set exposing (Set)
import Html exposing (Html, button, div, h2, input, label, p, section, text, span, h3) import Html exposing (Html, button, div, h2, h3, input, label, p, section, text, span, h3)
import Html.Events exposing (onCheck, onClick) import Html.Events exposing (onCheck, onClick)
import Html.Attributes exposing (class, type_, id) import Html.Attributes exposing (class, type_, id)
import Html.Attributes exposing (attribute) import Html.Attributes exposing (attribute)
@ -182,13 +182,22 @@ downloads =
] ]
) )
divider : String -> Html Never
divider sectionName =
div [class "divider"]
[ div [] []
, h3 [] [text sectionName]
, div [] []
]
view : Model -> Html Msg view : Model -> Html Msg
view model = view model =
div [id "elm-area"] div [id "elm-area"]
[ viewLicenseChooser model.selected [ viewLicenseChooser model.selected
, Html.map never (divider "Customize")
, case model.selected of , case model.selected of
Hippocratic -> view_modules HippocraticMod model.hippocratic Hippocratic -> view_modules HippocraticMod model.hippocratic
NPL -> view_modules NPLMod model.npl NPL -> view_modules NPLMod model.npl
, Html.map never (divider "Download")
, downloads , downloads
] ]