GithubBackup/cloudflare_temp_email
1
0
Fork 0
mirror of https://github.com/dreamhunter2333/cloudflare_temp_email.git synced 2026-05-11 09:59:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: pc select email highlight (#83)

Browse Source
This commit is contained in:
Dream Hunter
2024-03-30 23:57:01 +08:00
committed by GitHub
parent 0d81d05aa3
commit ce7430393e
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/views/Content.vue
View File

@@ -16,7 +16,7 @@ const { toClipboard } = useClipboard()
const message = useMessage()
const isMobile = useIsMobile()
const { jwt, settings, openSettings } = useGlobalState()
const { jwt, settings, openSettings, themeSwitch } = useGlobalState()
const autoRefresh = ref(false)
const data = ref([])
const timer = ref(null)
@@ -219,7 +219,8 @@ onMounted(async () => {
</div>
<div style="overflow: scroll; max-height: 80vh;">
<n-list hoverable clickable>
<n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)">
<n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)"
:class="curMail && row.id == curMail.id ? (themeSwitch ? 'overlay overlay-dark-backgroud' : 'overlay overlay-light-backgroud') : ''">
<n-thing class="center" :title="row.subject" style="overflow: scroll">
<template #description>
<n-tag type="info">
@@ -386,4 +387,18 @@ onMounted(async () => {
overflow: scroll;
text-align: left;
}
.overlay {
width: 100%;
height: 100%;
z-index: 1000;
}
.overlay-dark-backgroud {
background-color: rgba(255, 255, 255, 0.1);
}
.overlay-light-backgroud {
background-color: rgba(0, 0, 0, 0.1);
}
</style>