fix background

H3rmt · Mar 17, 2024 · 0981b24 · 0981b24
1 parent 53c3674
commit 0981b24
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/src/components/CheckLogin.tsx b/src/components/CheckLogin.tsx
@@ -1,10 +1,8 @@
 import { checkLogin, checkLoginReverse } from "src/services/pocketpase";
 
 export default function CheckLogin(params: { reverse?: boolean }) {
-    if (params.reverse)
-        checkLoginReverse();
-    else
-        checkLogin();
+  if (params.reverse) checkLoginReverse();
+  else checkLogin();
 
-    return <></>;
-}
+  return <></>;
+}
diff --git a/src/components/File.tsx b/src/components/File.tsx
@@ -95,8 +95,8 @@ export function File(props: { file: File; viewOld: Accessor<boolean> }) {
       href=""
       onclick={download}
       class="focus-visible:outline-solid relative flex min-h-[180px] cursor-pointer flex-col justify-between
-      text-ellipsis whitespace-nowrap rounded-lg border-2 border-border
-      bg-cover before:absolute before:left-0 before:top-0 before:-z-10 before:h-full before:w-full before:bg-img-background before:bg-cover before:bg-center before:blur-[1px]
+      text-ellipsis whitespace-nowrap rounded-lg border-2 border-border bg-cover
+      before:absolute before:left-0 before:top-0 before:-z-10 before:h-full before:w-full before:rounded-lg before:bg-img-background before:bg-cover before:bg-center before:blur-[1px]
       before:content-[''] focus-within:bg-background-accent focus-visible:outline-1
       focus-visible:outline-offset-4 focus-visible:outline-text sm:hover:bg-background-accent"
       style={`--img-background: ${displayURL}`}
@@ -108,7 +108,7 @@ export function File(props: { file: File; viewOld: Accessor<boolean> }) {
       </div>
       <div class="flex flex-row justify-between">
         <button
-          class="focus-visible:outline-solid h-14 w-14 rounded-bl-lg rounded-tr-lg border-r-2 border-t-2 border-border bg-background bg-cover
+          class="focus-visible:outline-solid h-14 w-14 rounded-bl-md rounded-tr-lg border-r-2 border-t-2 border-border bg-background bg-cover
           fill-text focus-visible:fill-accent focus-visible:outline-1
           focus-visible:outline-offset-4 focus-visible:outline-text sm:hover:fill-accent"
           onClick={share}
@@ -130,7 +130,7 @@ export function File(props: { file: File; viewOld: Accessor<boolean> }) {
         </span>
         {props.viewOld() ? (
           <button
-            class="focus-visible:outline-solid h-14 w-14 rounded-br-lg rounded-tl-lg border-l-2 border-t-2 border-border bg-background bg-cover
+            class="focus-visible:outline-solid h-14 w-14 rounded-br-md rounded-tl-lg border-l-2 border-t-2 border-border bg-background bg-cover
           fill-text focus-visible:fill-accent focus-visible:outline-1
           focus-visible:outline-offset-4 focus-visible:outline-text sm:hover:fill-accent"
             onClick={remove}
@@ -142,7 +142,7 @@ export function File(props: { file: File; viewOld: Accessor<boolean> }) {
           </button>
         ) : (
           <button
-            class="focus-visible:outline-solid h-14 w-14 rounded-br-lg rounded-tl-lg border-l-2 border-t-2 border-border bg-background bg-cover
+            class="focus-visible:outline-solid h-14 w-14 rounded-br-md rounded-tl-lg border-l-2 border-t-2 border-border bg-background bg-cover
           fill-text focus-visible:fill-accent focus-visible:outline-1
           focus-visible:outline-offset-4 focus-visible:outline-text sm:hover:fill-accent"
             onClick={hide}