Skip to content

Commit 0c87d2a

Browse files
author
Abhijit Kar
committed
Footer Stylized.
1 parent b671bb1 commit 0c87d2a

File tree

4 files changed

+11
-7
lines changed

4 files changed

+11
-7
lines changed

lib/derpy_tools_web/components/command_palette.ex

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ defmodule DerpyToolsWeb.CommandPaletteComponent do
3333
>
3434
<div
3535
id={"#{@id}-bg"}
36-
class="bg-zinc-50/70 fixed inset-0 transition-opacity backdrop-blur-md supports-[backdrop-filter]:bg-white/80 dark:supports-[backdrop-filter]:!bg-navy-900/70 "
36+
class="bg-zinc-50/70 fixed inset-0 transition-opacity backdrop-blur-md supports-[backdrop-filter]:bg-white/80 dark:supports-[backdrop-filter]:!bg-gray-900/80"
3737
aria-hidden="true"
3838
/>
3939
<div
@@ -61,7 +61,7 @@ defmodule DerpyToolsWeb.CommandPaletteComponent do
6161
>
6262
<.form
6363
for={@form}
64-
class="relative border-b border-slate-200 bg-slate-50 ring-0 dark:border-navy-500 dark:bg-navy-900"
64+
class="relative rounded-t-2xl border-b border-slate-200 bg-slate-50 ring-0 dark:border-navy-500 dark:bg-navy-900"
6565
phx-change="search"
6666
phx-submit="search"
6767
phx-target={@myself}

lib/derpy_tools_web/components/layouts/app.html.heex

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,11 @@
1717

1818
<%= @inner_content %>
1919

20-
<footer class="bg-navy-900 mt-auto" aria-labelledby="footer-heading">
20+
<footer class="bg-navy-900 relative mt-auto overflow-hidden" aria-labelledby="footer-heading">
21+
<div class="absolute top-16 transform-gpu overflow-hidden blur-3xl" aria-hidden="true">
22+
<div class="ethereal-polygon-clip aspect-[1155/678] w-[72.1875rem] bg-gray-100 opacity-20 dark:from-[#80caff] dark:to-[#4f46e5] dark:bg-gradient-to-br">
23+
</div>
24+
</div>
2125
<h2 id="footer-heading" class="sr-only">Footer</h2>
2226
<div class="mx-auto max-w-7xl px-6 pt-20 pb-8 sm:pt-24 lg:px-8 lg:pt-32">
2327
<div class="xl:grid xl:grid-cols-3 xl:gap-8">

lib/derpy_tools_web/components/layouts/root.html.heex

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
localStorage.getItem("dark_mode") === "true" && document.documentElement.classList.add("dark");
2525
</script>
2626
</head>
27-
<body class="font-sans w-full bg-slate-50 text-sm leading-5 text-slate-500 antialiased [text-rendering:optimizeLegibility] dark:bg-navy-800 dark:text-navy-200 dark:[color-scheme:dark]">
27+
<body class="font-sans w-full bg-slate-50 text-sm leading-5 text-slate-500 antialiased [text-rendering:optimizeLegibility] dark:bg-navy-900 dark:text-navy-200 dark:[color-scheme:dark]">
2828
<div id="social-share-btns">
2929
<button id="reddit" data-social="reddit" aria-label="Share on Reddit">
3030
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 -8 48 48">

lib/derpy_tools_web/live/pages/contact_us_live.ex

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ defmodule DerpyToolsWeb.ContactUsLive do
33

44
def render(assigns) do
55
~H"""
6-
<div class="relative isolate dark:bg-gray-900">
6+
<div class="relative isolate dark:bg-navy-900">
77
<div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
88
<div class="relative px-6 pt-24 pb-20 sm:pt-32 lg:static lg:px-8 lg:py-48">
99
<div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
@@ -34,13 +34,13 @@ defmodule DerpyToolsWeb.ContactUsLive do
3434
fill="url(#54f88622-e7f8-4f1d-aaf9-c2f5e46dd1f2)"
3535
/>
3636
</svg>
37-
<div
37+
<%!-- <div
3838
class="absolute -left-56 top-[calc(100%-13rem)] transform-gpu blur-3xl lg:left-[max(-14rem,calc(100%-59rem))] lg:top-[calc(50%-7rem)]"
3939
aria-hidden="true"
4040
>
4141
<div class="ethereal-polygon-clip aspect-[1155/678] w-[72.1875rem] bg-gray-100 opacity-20 dark:from-[#80caff] dark:to-[#4f46e5] dark:bg-gradient-to-br">
4242
</div>
43-
</div>
43+
</div> --%>
4444
</div>
4545
<h2 class="text-navy-900 text-3xl font-bold tracking-tight dark:text-slate-50">
4646
Get in touch

0 commit comments

Comments
 (0)