Korbs/astro-supabase-demo
Archived
1
Fork 0
Code Issues Pull requests Activity

update

Browse source
This commit is contained in:
Korbs 2024-07-16 23:39:34 -04:00
parent 087ab36bb0
commit c6e948f5aa
9 changed files with 258 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/env.d.ts vendored
View file

@ -1,18 +1,7 @@
/// <reference types="astro/client" />
declare namespace App {
interface Locals {
user?: import("node-appwrite").Models.User <import("node-appwrite").Models.Preferences<{}>>;
users?: import("node-appwrite").Service.UserList <import("node-appwrite").Service.getPrefs<{}>>;
interface Locals {
email: string;
}
}
}
interface ImportMetaEnv {
readonly PUBLIC_APPWRITE_ENDPOINT: string;
readonly PUBLIC_APPWRITE_PROJECT_ID: string;
readonly APPWRITE_KEY: string;
}
interface ImportMeta {
readonly env: ImportMetaEnv;
}

164
src/styles/root.scss Normal file
View file

@ -0,0 +1,164 @@
body {
background: #1c1c1c;
color: #fdfdfd;
max-width: 600px;
margin: auto;
padding: 0px 24px;
font-family: Arial, Helvetica, sans-serif;
::selection {
background: #3ecf8e;
color: whitel;
}
}
a {
color: white;
}
button {
color: color;
color: white;
font-size: 12px;
text-decoration: none;
margin-right: 6px;
background: #cbddbe5e;
padding: 6px;
border-radius: 4px;
border: none;
cursor: pointer;
&:hover {
filter: brightness(0.8)
}
}
header {
background: #232323;
border: 1px #2e2e2e solid;
transition: 1.3s border;
border-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
margin-top: 24px;
&:hover {
border-color: #3ecf8e;
transition: 1.3s border;
}
h2 {
margin: 0px;
font-size: 14px;
}
.header-end {
display: flex;
align-items: center;
a {
color: color;
color: white;
font-size: 12px;
text-decoration: none;
margin-left: 6px;
background: #cbddbe5e;
padding: 6px;
border-radius: 4px;
&:hover {
filter: brightness(0.8)
}
}
img {
height: 24px;
border-radius: 6px;
border: 2px #2e2e2e solid;
}
}
}
.landing {
text-align: center;
margin-top: 124px;
.cta a {
color: color;
color: white;
font-size: 12px;
text-decoration: none;
margin-left: 6px;
background: #cbddbe5e;
padding: 6px 12px;
border-radius: 4px;
&:hover {
filter: brightness(0.8)
}
}
}
.content {
background: #232323;
border: 1px #2e2e2e solid;
border-radius: 6px;
padding: 12px;
margin-top: 12px;
}
.form-field {
display: flex;
flex-direction: column;
margin: 12px 0px;
input {
background: #121212;
border: none;
border-radius: 4px;
color: white;
padding: 6px 12px;
margin-top: 6px;
&:focus {
outline: none
}
}
}
.oauth-grid {
display: grid;
grid-auto-flow: column;
grid-gap: 6px;
button {
background: #494949;
border: none;
color: white;
padding: 6px 12px;
border-radius: 6px;
cursor: pointer;
&:hover {
filter: brightness(0.8)
}
}
}
.dummies {
display: inline-block;
height: 28px;
position: relative;
overflow: hidden;
background-color: #2e3733;
border-radius: 6px;
}
.message-in {
font-size: 12px;
background: #61685c;
color: white;
padding: 6px 12px;
border-radius: 2px;
}
.welcome {
display: flex;
align-items: center;
h2 {
font-size: 16px;
}
img {
width: 64px;
border-radius: 2rem;
margin-right: 16px;
}
}