feat(ui): transparent status bar

zio/stable
三咲智子 2022-12-31 06:45:34 +08:00
parent b64d1add86
commit 4da2fd05bb
No known key found for this signature in database
GPG Key ID: 69992F2250DFD93E
2 changed files with 7 additions and 3 deletions

View File

@ -8,10 +8,11 @@ defineProps<{
</script> </script>
<template> <template>
<div relative> <div>
<div <div
sticky top-0 z10 sticky top-0 z10 backdrop-blur
border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]" backdrop-blur pt="[env(safe-area-inset-top,0)]"
border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]"
> >
<div flex justify-between px5 py4> <div flex justify-between px5 py4>
<div flex gap-3 items-center overflow-hidden> <div flex gap-3 items-center overflow-hidden>

View File

@ -44,5 +44,8 @@ export function setupPageHeader() {
}, },
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`, titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
link, link,
meta: [
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
],
}) })
} }