Feature v1 auth UI #702
Feature v1 auth UI #702
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
web/src/routes/Login.svelte
Outdated
| @@ -35,7 +35,7 @@ | |||
| } | |||
|
|
|||
| async function loginWithDemo() { | |||
| await goto('/home'); | |||
| location.pathname = '/home'; | |||
There was a problem hiding this comment.
gotoだと遷移前の要素のCSSが適応されてしまいglobalでhidden化してるheader等が、遷移後の画面でもhiddenされてしまうのでこうしています
There was a problem hiding this comment.
了解です。
goto を使わないとサイトの初期化処理が再度走ってしまうのでそのあたり回避できないか調べてみます～
There was a problem hiding this comment.
+layout.svelte の中に if 文を書いて CSS を :global() と !improtant を使わずに書いた方が素直な気がしてます。
書く方法は模索中（URL で判定？）
There was a problem hiding this comment.
SvelteのLayoutの仕様を見るとスコープ範囲？のようなものがあるようなので(ちゃんと理解できていない)、内部でURLごとの切り分けを書くのはコードが複雑になるかなあと思って!importで指定してました。
CSS in JSで書いちゃえば一応それっぽくは作れると思うんですが、できればトップページとそれ以外のページでlayoutは変えられるのが理想だよなーと思っています…
web/src/routes/Login.svelte
Outdated
| if ($authorProfile) { | ||
| gotoHome(); | ||
| } |
There was a problem hiding this comment.
ログインしてる間はランディングページにアクセスさせない方が都合いいですかね？
There was a problem hiding this comment.
LP、認証画面ともにできるだけちらつきをなくすためただの背景色を表示するだけが望ましいと思ってます
There was a problem hiding this comment.
web/src/lib/i18n/locales/ja.json
Outdated
| "login": "ログイン" | ||
| "login": "ログイン", | ||
| "hero-message": "みんなのための、自由なSNS。", | ||
| "hero-message-sub": "突然投稿ができなくなることも、アカウントが消えることもない。必要なのは「鍵」ひとつだけ。" |
There was a problem hiding this comment.
突然投稿ができなくなることも、アカウントが消えることもない。
やや意味が被ってそうなのでまとめてしまいたいかもです。
必要なのは「鍵」ひとつだけ。
個人的には言い回し好きなんですが、鍵というワードを表に出すと全体的にもう少し npub/nsec を表に出さないと整合性取れなさそうなので出来ればメールアドレス不要のように言い換えたいです。
どういう文言にするのが良さそうか検討中。。
There was a problem hiding this comment.
まとめてもいいんですけど、キャッチコピーとしては短くなるので、どうしようかなという感じです。
文言周りはまたどこかで決めましょう。
There was a problem hiding this comment.
ネガティブ否定系（凍結がない、メアド不要）だけじゃなくてポジティブ系も入れたいかも。
絵文字が使えるとか使い慣れたデザインであるとか。
キャッチコピーとしてそれっぽくできるかは分からないけど…
There was a problem hiding this comment.
かっこよさは減るけど「凍結のないオープンな環境で絵文字キッチンを楽しもう。」とかでもいいのかなぁ。
web/src/lib/i18n/locales/ja.json
Outdated
| @@ -15,13 +15,13 @@ | |||
| "recommended": "推奨", | |||
| "key": "鍵でログイン", | |||
| "create_account": "アカウントを作成", | |||
| "create": "作成", | |||
| "name": "名前", | |||
| "try_demo": "デモを試す", | |||
There was a problem hiding this comment.
ここの文言変更したいなと思ってるんですがどうでしょうか？（分かりやすさとデザイン面）
| "try_demo": "デモを試す", | |
| "try_demo": "登録せずに見る", |
英語だと Try without register とかかな。
アカウント作成ダイアログ内のボタンも register, 登録 に。
There was a problem hiding this comment.
試してみるとか、ログインせずに見るとかいろいろ考えられますよねー…
There was a problem hiding this comment.
そうそう。「デモ」っていうとなんか少し堅苦しい（？）感じがするからもうちょっと気軽に中を覗けるよーって感じの文言にした方がいいかなと思って。
Co-authored-by: 雪猫 <[email protected]>
No description provided.