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>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-HDotoAuF.css">
|
||||
<!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-pPmuGCFV.css">
|
||||
</head><body><div id="app"></div></body></html>
|
||||
@@ -1300,7 +1300,7 @@ onUnmounted(() => {
|
||||
</script>
|
||||
|
||||
<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">
|
||||
<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>
|
||||
|
||||
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(app).toContain('class="brand 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.small .brand-logo{width:32px;height:32px}')
|
||||
expect(css).not.toContain('.brand span{color:var(--accent)}')
|
||||
|
||||
Reference in New Issue
Block a user