timi/temp-file-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add SharedClipboard.vue

Browse Source
This commit is contained in:
Timi
2026-01-15 13:46:51 +08:00
parent 6fb017fd2a
commit f5947e037e
5 changed files with 337 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/Home.vue
View File

@ -15,12 +15,15 @@
</template>
</t-alert>
<div class="content">
<div class="panel left">
<file-upload />
</div>
<div class="panel right">
<file-download />
<file-history-list />
<shared-clipboard />
<div class="file">
<div class="panel left">
<file-upload />
</div>
<div class="panel right">
<file-download />
<file-history-list />
</div>
</div>
</div>
</div>
@ -30,6 +33,7 @@
import FileUpload from "@/components/FileUpload.vue";
import FileDownload from "@/components/FileDownload.vue";
import FileHistoryList from "@/components/FileHistoryList.vue";
import SharedClipboard from "@/components/SharedClipboard.vue";
import { useFileHistoryStore } from "@/store/fileHistory.ts";
import { SettingMapper, Time } from "../../../timi-web";
@ -63,19 +67,25 @@ onMounted(() => setInterval(fileHistoryStore.cleanExpiredFiles, Time.S));
display: flex;
border-top: var(--tui-border);
border-bottom: var(--tui-border);
flex-direction: column;
.panel {
flex: 1;
.file {
display: flex;
border-top: var(--tui-border);
&:first-child {
border-right: var(--tui-border);
.panel {
flex: 1;
&:first-child {
border-right: var(--tui-border);
}
}
}
}
}
@media (max-width: 960px) {
.home .content {
.home .content .file {
flex-direction: column;
.panel:first-child {