SSO auth (1)
This commit is contained in:
51
src-tauri/src/assets/auth-cancelled.html
Normal file
51
src-tauri/src/assets/auth-cancelled.html
Normal file
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Friendolls Sign-in Cancelled</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background:
|
||||
radial-gradient(circle at top, #fff0cf, transparent 45%),
|
||||
linear-gradient(180deg, #fffdf7 0%, #f8f2e6 100%);
|
||||
font-family: "Avenir Next", "Segoe UI", sans-serif;
|
||||
color: #55411d;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: min(420px, calc(100vw - 32px));
|
||||
padding: 32px 28px;
|
||||
border-radius: 24px;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
box-shadow: 0 24px 80px rgba(120, 95, 35, 0.14);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
color: #7a6237;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h1>Sign-in cancelled</h1>
|
||||
<p>You can close this tab and return to Friendolls to try again.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
51
src-tauri/src/assets/auth-failed.html
Normal file
51
src-tauri/src/assets/auth-failed.html
Normal file
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Friendolls Sign-in Failed</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background:
|
||||
radial-gradient(circle at top, #ffd8d8, transparent 45%),
|
||||
linear-gradient(180deg, #fff8f8 0%, #fceeee 100%);
|
||||
font-family: "Avenir Next", "Segoe UI", sans-serif;
|
||||
color: #4d2323;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: min(420px, calc(100vw - 32px));
|
||||
padding: 32px 28px;
|
||||
border-radius: 24px;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
box-shadow: 0 24px 80px rgba(135, 57, 57, 0.14);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
color: #7c4a4a;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h1>Sign-in failed</h1>
|
||||
<p>Friendolls could not complete the browser handshake. Return to the app and try again.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
51
src-tauri/src/assets/auth-success.html
Normal file
51
src-tauri/src/assets/auth-success.html
Normal file
@@ -0,0 +1,51 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Friendolls Sign-in Complete</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background:
|
||||
radial-gradient(circle at top, #d8f8ff, transparent 45%),
|
||||
linear-gradient(180deg, #f8feff 0%, #eef8fb 100%);
|
||||
font-family: "Avenir Next", "Segoe UI", sans-serif;
|
||||
color: #24414b;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: min(420px, calc(100vw - 32px));
|
||||
padding: 32px 28px;
|
||||
border-radius: 24px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 24px 80px rgba(55, 113, 130, 0.18);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
color: #4b6973;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h1>Signed in</h1>
|
||||
<p>You can close this browser tab and return to Friendolls.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user