mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 09:28:29 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

文件传输9-初始页面优化

Browse Source
This commit is contained in:
celebrateyang 2025-06-05 16:40:35 +08:00
parent 89649e5e29
commit 659cd2befa
2 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/components/clipboard/SessionManager.svelte
View File

@ -104,13 +104,13 @@
<style> .connection-setup { <style> .connection-setup {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.75rem; gap: 1rem;
padding: 0.25rem; padding: 0.5rem;
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
} .setup-option { } .setup-option {
text-align: center; text-align: center;
padding: 0.75rem; padding: 1rem;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 20px; border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
@ -118,6 +118,9 @@
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
} }
.setup-option::before { .setup-option::before {
@ -141,22 +144,22 @@
.setup-option:hover::before { .setup-option:hover::before {
left: 100%; left: 100%;
} .setup-option h3 { } .setup-option h3 {
margin-bottom: 0.15rem; margin-bottom: 0.5rem;
font-size: 1.3rem; font-size: 1.4rem;
font-weight: 600; font-weight: 600;
color: var(--text); color: var(--text);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.setup-option p { .setup-option p {
margin-bottom: 0.5rem; margin-bottom: 1rem;
color: var(--secondary); color: var(--secondary);
line-height: 1.6; line-height: 1.6;
font-size: 0.85rem; font-size: 0.9rem;
} .divider { } .divider {
text-align: center; text-align: center;
position: relative; position: relative;
margin: 0.25rem 0; margin: 0.75rem 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -501,16 +504,26 @@
} /* Enhanced mobile styles */ } /* Enhanced mobile styles */
@media (max-width: 639px) { @media (max-width: 639px) {
.connection-setup { .connection-setup {
padding: 0.75rem; padding: 0.5rem;
gap: 1rem; gap: 0.75rem;
} }
.setup-option { .setup-option {
padding: 1rem; padding: 0.75rem;
} }
.setup-option h3 { .setup-option h3 {
font-size: 1.15rem; font-size: 1.15rem;
margin-bottom: 0.25rem;
}
.setup-option p {
margin-bottom: 0.75rem;
font-size: 0.85rem;
}
.divider {
margin: 0.5rem 0;
} }
.session-info { .session-info {

6
web/src/routes/clipboard/+page.svelte
View File

@ -249,9 +249,7 @@
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
min-height: 55vh; min-height: 55vh;
max-height: 80vh; }.clipboard-header {
overflow-y: auto;
} .clipboard-header {
text-align: center; text-align: center;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
padding: 0.25rem 0; padding: 0.25rem 0;
@ -514,6 +512,7 @@
margin: 0.75rem; margin: 0.75rem;
border-radius: 16px; border-radius: 16px;
max-height: 85vh; max-height: 85vh;
overflow-y: auto;
} }
.clipboard-header h1 { .clipboard-header h1 {
@ -536,6 +535,7 @@
margin: 0.5rem; margin: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
max-height: 90vh; max-height: 90vh;
overflow-y: auto;
} }
.clipboard-header h1 { .clipboard-header h1 {