Merge branch 'ndom91/sveltekitauth-example-app' of ssh://github.com/n…

…extauthjs/next-auth into ndom91/sveltekitauth-example-app
nextauthjs · Feb 29, 2024 · 0fa7a36 · 0fa7a36
2 parents b52fd31 + e581334
commit 0fa7a36
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/apps/dev/sveltekit/src/components/header.svelte b/apps/dev/sveltekit/src/components/header.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { page } from "$app/stores"
   import { SignIn, SignOut } from "@auth/sveltekit/components"
-  console.log($page.data)
 </script>
 
 <header>
@@ -23,7 +22,7 @@
           </strong>
         </span>
         <SignOut>
-          <div class="buttonPrimary">Sign out</div>
+          <div class="buttonPrimary" slot="submitButton">Sign out</div>
         </SignOut>
       {:else}
         <span class="header-text">You are not signed in</span>

diff --git a/apps/dev/sveltekit/src/style.css b/apps/dev/sveltekit/src/style.css
@@ -107,16 +107,19 @@ main {
     .wrapper-form,
     form {
       flex-basis: 100%;
+      background-color: #ddd;
+      padding: 1rem;
+      border-radius: 0.35rem;
       flex: 1;
       display: flex;
       gap: 0.5rem;
       flex-direction: column;
       justify-content: end;
       align-items: start;
-    }
 
-    .wrapper-form button {
-      width: 100%;
+      button {
+        width: 100%;
+      }
     }
 
     &:has(button) {
@@ -147,7 +150,7 @@ main {
   button {
     justify-self: end;
     font-weight: 500;
-    border-radius: 0.5rem;
+    border-radius: 0.25rem;
     border: none;
     font-weight: bold;
     cursor: pointer;
@@ -156,14 +159,15 @@ main {
     padding: 0.7rem 0.8rem;
     position: relative;
     z-index: 10;
-    background-color: #d5d5d5;
+    background-color: #bbb;
     color: black;
     text-decoration: none;
     padding: 0.7rem 1.4rem;
+    transition: all 250ms;
   }
 
   button:hover {
-    background-color: #ccc;
+    background-color: #aaa;
   }
 }