Merge pull request #250 from cheeaun/main

Update from main

.github/workflows/prodtag.yml

@@ -13,4 +13,4 @@ jobs:
         with:
           ref: production
       - run: git tag "`date +%Y.%m.%d`.`git rev-parse --short HEAD`" $(git rev-parse HEAD)
-      - run: git push
+      - run: git push --tags

src/app.css

@@ -1087,7 +1087,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   top: env(safe-area-inset-top, 0);
 }
 :is(.carousel-top-controls, .carousel-controls) {
-  mix-blend-mode: luminosity;
+  /* mix-blend-mode: luminosity; */
   position: absolute;
   left: 0;
   left: env(safe-area-inset-left, 0);
@@ -1120,10 +1120,9 @@ button.carousel-dot {
 button.carousel-dot {
   background-color: transparent;
 }
-.carousel-controls :is(.button, button).carousel-button {
+:is(.button, button).carousel-button {
   background-color: var(--bg-blur-color);
 }
-.carousel-controls
 :is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
   background-color: var(--bg-color);
 }
@@ -1141,15 +1140,19 @@ button.carousel-dot {
   border: 1px solid var(--outline-color);
   box-shadow: 0 4px 32px var(--drop-shadow-color);
   /* backdrop-filter: blur(12px) invert(0.25); */
+  transition: background-color 0.2s ease-out;
+  &:hover {
+    background-color: var(--bg-color);
+  }
 }
 button.carousel-dot {
   backdrop-filter: none !important;
   border: none;
   box-shadow: none;
 }
-button.carousel-dot[disabled] {
+/* button.carousel-dot[disabled] {
   pointer-events: none;
-}
+} */
 button.carousel-dot .icon {
   transition: all 0.2s;
   transform: scale(0.5);

src/components/status.css

@@ -713,10 +713,11 @@
     padding: 0;
     display: flex;
     flex-wrap: wrap;
-    align-items: flex-end;
+    /* align-items: flex-end; */
     column-gap: 4px;
 
     figcaption {
+      align-self: flex-end;
       padding: 4px;
       font-size: 90%;
       color: var(--text-insignificant-color);