mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-02 10:52:27 +00:00
page title updates and adding built in webtorrent browser client (not working yet)
This commit is contained in:
1 parent
6d781b327b
commit
229fe19d45
8 files changed
+946
-4
No files matched your search
@@ -0,0 +1,96 @@
|
||||
/* <ai_context>
|
||||
File: css/torrent-style.css
|
||||
Purpose: Additional styles specifically for the Torrent UI queue and table.
|
||||
</ai_context> */
|
||||
|
||||
.torrent-queue-container {
|
||||
background-color: #ffffff;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
margin-top: 1rem;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.torrent-queue-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.torrent-queue-header h2 {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.torrent-queue-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.torrent-queue-table th,
|
||||
.torrent-queue-table td {
|
||||
padding: 0.75rem 1rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
}
|
||||
|
||||
.torrent-queue-table th {
|
||||
background-color: #f9fafb;
|
||||
color: #374151;
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.torrent-queue-table td {
|
||||
font-size: 0.875rem;
|
||||
color: #4b5563;
|
||||
}
|
||||
|
||||
.torrent-progress-bar {
|
||||
height: 6px;
|
||||
width: 100%;
|
||||
background-color: #d1d5db;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.torrent-progress-fill {
|
||||
height: 6px;
|
||||
background-color: #10b981; /* green-500 */
|
||||
transition: width 0.3s ease;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.torrent-actions button {
|
||||
margin-right: 0.5rem;
|
||||
outline: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.torrent-actions .pause-resume-btn {
|
||||
background-color: #3b82f6; /* blue-500 */
|
||||
}
|
||||
|
||||
.torrent-actions .remove-btn {
|
||||
background-color: #ef4444; /* red-500 */
|
||||
}
|
||||
|
||||
.torrent-actions .share-btn {
|
||||
background-color: #6b7280; /* gray-500 */
|
||||
}
|
||||
|
||||
.priority-select {
|
||||
margin-left: 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
padding: 0.2rem;
|
||||
border: 1px solid #d1d5db;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
Reference in new issue
Block a user