~patrickhaussmann/weather.app.5ls.de

d168e81eb8b56f3a14dd3bd540f4cf1f60ec5968 — patrickhaussmann 1 year, 8 months ago 1c15fd5
improve cities styling
1 files changed, 4 insertions(+), 28 deletions(-)

M index.js
M index.js => index.js +4 -28
@@ 15,24 15,14 @@ const modalSettings = new Modal(
            type: "checkbox",
          }),
          dom.label({ for: "switch-geolocation" }, "show current postion")
        ),
        dom.div(
          ".field",
          dom.input(".switch is-rounded is-outlined", {
            id: "switch-bandwidthHeavy",
            type: "checkbox",
          }),
          dom.label(
            { for: "switch-bandwidthHeavy" },
            "show bandwidth heavy widgets"
          )
        )
      )
    ),
    dom.section(
      ".section",
      { style: { minHeight: "70vh" } },
      dom.h1(".title", "Cities"),
      (divPlacesList = dom.div(".block list-group", "sad")),
      (divPlacesList = dom.div(".block list-group")),
      dom.div(
        ".block container",
        dom.div(


@@ 104,7 94,8 @@ async function createAllWidgets() {

function createPlaceModalItem(place) {
  const divBox = dom.div(
    ".box block list-group-item level is-mobile",
    ".box block list-group-item level is-mobile py-3",
    { style: { marginBottom: "0.5rem" } },
    dom.div(
      ".level-left",
      dom.img(".icon level-item handle", {


@@ 447,21 438,6 @@ dom(
  }
);

dom(
  "#switch-bandwidthHeavy",
  (thisEl) => {
    thisEl.checked = settings.showBandwidthHeavyWidgets;
  },
  {
    on: {
      change: function () {
        settings.showBandwidthHeavyWidgets = this.checked;
        localStorage.setItem("settings", JSON.stringify(settings));
      },
    },
  }
);

async function main() {
  createAllWidgets();
}