AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

center modal title. improve appearance

Browse source
This commit is contained in:
Stewart Allen 2022-01-09 15:10:55 -05:00
commit 1e5a84dfe9
2 changed files with 18 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/mesh/build.js
View file

@ -186,7 +186,6 @@ function ui_build() {
h.div({ id: 'modal_frame' }, [ h.div({ id: 'modal_frame' }, [
h.div({ id: 'modal_title'}, [ h.div({ id: 'modal_title'}, [
h.div({ id: 'modal_title_text', _: 'title' }), h.div({ id: 'modal_title_text', _: 'title' }),
h.div({ class: 'pad' }),
h.div({ id: 'modal_title_close', onclick: modal.hide }, [ h.div({ id: 'modal_title_close', onclick: modal.hide }, [
h.i({ class: "far fa-window-close" }) h.i({ class: "far fa-window-close" })
]) ])

25
web/mesh/index.css
View file

@ -173,6 +173,17 @@ button:hover {
.export, .export div { .export, .export div {
gap: 4px; gap: 4px;
align-items: center;
justify-content: center;
}
.export input {
padding: 3px;
font-family: monospace;
}
.export button {
padding: 4px;
} }
/** modal dialogs **/ /** modal dialogs **/
@ -191,6 +202,7 @@ button:hover {
} }
#modal_frame { #modal_frame {
border-radius: 4px;
background-color: white; background-color: white;
flex-direction: column; flex-direction: column;
padding: 0 !important; /* override common below */ padding: 0 !important; /* override common below */
@ -203,18 +215,17 @@ button:hover {
} }
#modal_title { #modal_title {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom: 1px solid gray; border-bottom: 1px solid gray;
background-color: #ccc; background-color: #ccc;
} justify-content: center;
align-items: center;
#modal_title .pad {
flex-grow: 1;
width: 5px;
} }
#modal_title_close { #modal_title_close {
position: absolute;
right: 5px;
color: #555; color: #555;
} }