Kumi
847073333d
- Standardized quote style across all files to be consistent - Added functionality to generate TURN credentials dynamically - Improved UI feedback for upload and download processes - Introduced a copy URL button for easier sharing - Implemented progress feedback during file download - Disabled buttons during ongoing operations to prevent duplicate actions - Ensured default mnemonic handling for smoother user interaction These changes enhance the reliability and usability of file transfers.
64 lines
No EOL
1.2 KiB
CSS
64 lines
No EOL
1.2 KiB
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
background-color: #f4f4f4;
|
|
margin: 0;
|
|
padding: 20px;
|
|
}
|
|
h1 {
|
|
color: #333;
|
|
}
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
padding: 20px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.section {
|
|
margin-bottom: 20px;
|
|
}
|
|
input[type="file"],
|
|
input[type="text"],
|
|
input[type="url"] {
|
|
width: calc(100% - 22px);
|
|
padding: 10px;
|
|
margin: 10px 0;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
button {
|
|
padding: 10px 20px;
|
|
background-color: #28a745;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
button:hover {
|
|
background-color: #218838;
|
|
}
|
|
button:disabled {
|
|
background-color: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
.progress {
|
|
width: 100%;
|
|
background-color: #f3f3f3;
|
|
border-radius: 4px;
|
|
margin: 10px 0;
|
|
}
|
|
.progress-bar {
|
|
width: 0;
|
|
height: 20px;
|
|
background-color: #28a745;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
color: white;
|
|
line-height: 20px;
|
|
}
|
|
.result {
|
|
margin: 10px 0;
|
|
padding: 10px;
|
|
background-color: #e9ecef;
|
|
border-radius: 4px;
|
|
} |