fix: full width year indicator on small devices

believer · Sep 6, 2024 · 0b0752e · 0b0752e
1 parent f4657ef
commit 0b0752e
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/public/styles.94f92c.css → public/styles.ab4ffc.css b/public/styles.94f92c.css → public/styles.ab4ffc.css
@@ -1030,6 +1030,7 @@ video {
 .year {
  left: -13rem;
  z-index: 20;
+ display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;

diff --git a/public/styles.css b/public/styles.css
@@ -1040,6 +1040,7 @@ video {
 .year {
  left: -13rem;
  z-index: 20;
+ display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;

diff --git a/styles.css b/styles.css
@@ -24,7 +24,7 @@
 }
 
 .year {
- @apply text-3xl lg:text-7xl font-mono text-transparent lg:absolute lg:top-3 -left-52 [-webkit-text-stroke-color:_rgba(0,0,0,0.1)] dark:[-webkit-text-stroke-color:_rgba(255,255,255,0.1)] z-20 bg-white dark:bg-neutral-900 py-2 lg:py-4;
+ @apply block text-3xl lg:text-7xl font-mono text-transparent lg:absolute lg:top-3 -left-52 [-webkit-text-stroke-color:_rgba(0,0,0,0.1)] dark:[-webkit-text-stroke-color:_rgba(255,255,255,0.1)] z-20 bg-white dark:bg-neutral-900 py-2 lg:py-4;
 
  -webkit-text-stroke-width: 2px;
 }

diff --git a/views/layout.templ b/views/layout.templ
@@ -38,7 +38,7 @@ templ Layout(title string, description string) {
  <meta name="twitter:site" content="@rnattochdag"/>
  <meta name="twitter:creator" content="@rnattochdag"/>
  <link rel="icon" type="image/png" href="/public/favicon.png"/>
- <link href="/public/styles.94f92c.css" rel="stylesheet"/>
+ <link href="/public/styles.ab4ffc.css" rel="stylesheet"/>
  <link rel="manifest" href="/public/manifest.webmanifest"/>
  <script src="/public/htmx.2.0.2.min.js"></script>
  <script src="/public/hyperscript.0.9.12.min.js"></script>

diff --git a/views/layout_templ.go b/views/layout_templ.go