diff --git a/src/HelloWorld.elm b/src/HelloWorld.elm index ffd5237..713ea97 100644 --- a/src/HelloWorld.elm +++ b/src/HelloWorld.elm @@ -1,6 +1,6 @@ module HelloWorld exposing (helloWorld) -import Html exposing (Html, a, button, code, div, h1, p, text) +import Html exposing (Html, a, button, div, h1, p, text) import Html.Attributes exposing (href) import Html.Events exposing (onClick) import Msg exposing (Msg(..)) @@ -18,9 +18,4 @@ helloWorld model = , button [ onClick Increment ] [ text "+" ] , text <| "Count is: " ++ String.fromInt model , button [ onClick Decrement ] [ text "-" ] - , p [] - [ text "Edit " - , code [] [ text "src/Main.elm" ] - , text " to test auto refresh" - ] ] diff --git a/src/Main.elm b/src/Main.elm index 51b1a35..e8a04b7 100644 --- a/src/Main.elm +++ b/src/Main.elm @@ -26,6 +26,6 @@ update msg model = view : Int -> Html Msg view model = div [] - [ img [ src <| VitePluginHelper.asset "/src/assets/logo.png", style "width" "300px" ] [] + [ img [ src <| VitePluginHelper.asset "/src/assets/logotype.png", style "width" "300px" ] [] , helloWorld model ] diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index 53250f8..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/style.css b/style.css index 753f1e0..7c25181 100644 --- a/style.css +++ b/style.css @@ -1,13 +1,25 @@ #app { - font-family: Avenir, Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - color: #2c3e50; - margin: 0 auto; - margin-top: 60px; + font-family: Avenir, Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-align: center; + color: #2c3e50; + margin: 0 auto; + margin-top: 60px; } a { - color: #60b5cc; -} \ No newline at end of file + color: #60b5cc; +} + +button { + background-color: #60b5cc; /* Blå bakgrundsfärg */ + color: white; /* Vit text */ + padding: 10px 20px; /* Vertikal och horisontell padding */ + border: none; /* Tar bort standardkanten */ + border-radius: 5px; /* Rundade hörn */ + font-size: 1em; /* Lämplig teckensnittsstorlek */ + cursor: pointer; /* Ändrar muspekaren till en hand när den hovrar över knappen */ + transition: background-color 0.3s; /* Gör en mjuk övergång för hover-effekten */ + margin: 5px; +}