feat: brand dodo loading screen
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,3 +1,3 @@
|
|||||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#f15a29"><link rel="icon" type="image/svg+xml" href="/dodo-logo.svg"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/manifest.json"><title>dodo</title> <script type="module" crossorigin src="/assets/index-eDj38Y8E.js"></script>
|
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#f15a29"><link rel="icon" type="image/svg+xml" href="/dodo-logo.svg"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/manifest.json"><title>dodo</title> <script type="module" crossorigin src="/assets/index-B7Y8ezK4.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-HDotoAuF.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-pPmuGCFV.css">
|
||||||
</head><body><div id="app"></div></body></html>
|
</head><body><div id="app"></div></body></html>
|
||||||
@@ -1300,7 +1300,7 @@ onUnmounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div v-if="!authReady" class="center"><span class="loader" />正在打开 dodo…</div>
|
<div v-if="!authReady" class="center loading-brand"><img class="loading-logo" src="/dodo-logo.svg" alt=""><span class="loader" /><span>正在打开 dodo…</span></div>
|
||||||
<div v-else-if="!authenticated" class="auth-shell">
|
<div v-else-if="!authenticated" class="auth-shell">
|
||||||
<section class="auth-card">
|
<section class="auth-card">
|
||||||
<div class="brand brand-lockup"><img class="brand-logo" src="/dodo-logo.svg" alt=""><span class="brand-wordmark">dodo</span></div><p>{{ initialized ? '欢迎回来,继续把生活理顺。' : '创建你的 dodo' }}</p>
|
<div class="brand brand-lockup"><img class="brand-logo" src="/dodo-logo.svg" alt=""><span class="brand-wordmark">dodo</span></div><p>{{ initialized ? '欢迎回来,继续把生活理顺。' : '创建你的 dodo' }}</p>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -1102,7 +1102,11 @@ describe('sidebar information hierarchy', () => {
|
|||||||
expect(css).toContain('.brand-row{height:64px;')
|
expect(css).toContain('.brand-row{height:64px;')
|
||||||
expect(app).toContain('class="brand brand-lockup"')
|
expect(app).toContain('class="brand brand-lockup"')
|
||||||
expect(app).toContain('class="brand small brand-lockup"')
|
expect(app).toContain('class="brand small brand-lockup"')
|
||||||
expect(app.match(/src="\/dodo-logo\.svg"/g)).toHaveLength(2)
|
expect(app).toContain('class="center loading-brand"')
|
||||||
|
expect(app).toContain('class="loading-logo"')
|
||||||
|
expect(app.match(/src="\/dodo-logo\.svg"/g)).toHaveLength(3)
|
||||||
|
expect(css).toContain('.loading-brand{grid-template-columns:auto;justify-items:center;gap:13px}')
|
||||||
|
expect(css).toContain('.loading-logo{width:40px;height:40px;')
|
||||||
expect(css).toContain('.brand-logo{width:42px;height:42px;')
|
expect(css).toContain('.brand-logo{width:42px;height:42px;')
|
||||||
expect(css).toContain('.brand.small .brand-logo{width:32px;height:32px}')
|
expect(css).toContain('.brand.small .brand-logo{width:32px;height:32px}')
|
||||||
expect(css).not.toContain('.brand span{color:var(--accent)}')
|
expect(css).not.toContain('.brand span{color:var(--accent)}')
|
||||||
|
|||||||
Reference in New Issue
Block a user