diff options
| author | Alexandre Negrel <negrel.dev@protonmail.com> | 2020-11-26 21:03:22 +0300 |
|---|---|---|
| committer | Alexandre Negrel <negrel.dev@protonmail.com> | 2020-11-26 21:03:22 +0300 |
| commit | 01fdf46957c5db00d6aae52f0037eb728e87adf2 (patch) | |
| tree | b01c33a9c60a0adc9739aa63c5b5c2867df1643c | |
| parent | c88f2c967ef567beb107bb39ad495505b754bad7 (diff) | |
redesign hero widget
| -rw-r--r-- | layouts/partials/widgets/hero.html | 14 |
1 files changed, 5 insertions, 9 deletions
diff --git a/layouts/partials/widgets/hero.html b/layouts/partials/widgets/hero.html index cda81c9..2749b2e 100644 --- a/layouts/partials/widgets/hero.html +++ b/layouts/partials/widgets/hero.html @@ -1,10 +1,10 @@ <section id="hero" class="mt-8 mx-auto flex flex-wrap items-center"> <div - class="mx-auto p-2 sm:p-8 text-center md:text-left {{ with .Params.hero_media }} md:w-1/2 {{ else }} md:w-3/4 {{ end }}"> + class="mx-auto p-2 sm:p-8 text-center {{ with .Params.hero_media }} md:pl-0 md:w-1/2 {{ else }} md:w-3/4 {{ end }}"> <div> {{ .Content }} </div> - <div class="mx-auto mt-8 mb-8 md:mb-0 flex justify-center md:justify-start"> + <div class="mx-auto mt-8 mb-8 md:mb-0 flex justify-center"> {{ range .Params.btn }} {{ $class := "border border-green-400 hover:text-white" }} {{ if .primary }} @@ -23,13 +23,9 @@ </div> {{ with .Params.hero_media }} - <div class="p-3 md:p-4 my-6 mx-auto max-w-3/4 sm:max-w-2/3 md:max-w-1/2 h-full shadow-6 relative"> - <div - class="bg-black bg-opacity-50 w-32 h-8 lg:w-48 lg:h-12 absolute top-0 -right-12 lg:-right-16 transform rotate-45"> - </div> - <img src="{{ . | relURL}}" alt="hero image"> - <div class="bg-green-apple w-32 h-8 lg:w-48 lg:h-12 absolute bottom-0 -left-12 lg:-left-16 transform rotate-45"> - </div> + <div + class="my-6 p-4 mx-auto max-w-3/4 sm:max-w-2/3 md:max-w-1/2 lg:relative lg:-right-12 xl:-right-16 shadow-soft relative"> + <img src="{{ . | relURL}}" alt="hero image" class="max-h-vh-3/4"> </div> {{ end }} |