alihan/seedbox-lite-torrent
1
0
Fork 0
mirror of https://github.com/hotheadhacker/seedbox-lite.git synced 2025-09-02 00:51:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Layout styles for improved consistency and responsiveness

Browse Source
This commit is contained in:
Salman Qureshi
2025-08-10 02:34:19 +05:30
parent 07f98b2d71
commit 7937269bb8
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
client/src/components/Layout.css
View File

@@ -12,8 +12,8 @@
left: 0;
right: 0;
height: 64px;
background: linear-gradient(90deg, #1a2f1a 0%, #15271a 100%);
border-bottom: 1px solid #2d5a3d;
background: linear-gradient(90deg, #141414 0%, #0f0f0f 100%);
border-bottom: 1px solid #333333;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
z-index: 1000;
align-items: center;
@@ -22,9 +22,9 @@
}
.mobile-menu-toggle {
background: rgba(45, 90, 61, 0.2);
border: 1px solid #2d5a3d;
color: #94d3a2;
background: rgba(51, 51, 51, 0.2);
border: 1px solid #333333;
color: #e5e5e5;
cursor: pointer;
padding: 12px;
border-radius: 12px;
@@ -35,9 +35,9 @@
}
.mobile-menu-toggle:hover {
background: rgba(45, 90, 61, 0.4);
color: #4ade80;
border-color: #4ade80;
background: rgba(51, 51, 51, 0.4);
color: #ffffff;
border-color: #e50914;
transform: scale(1.05);
}
@@ -53,8 +53,8 @@
/* Sidebar */
.sidebar {
width: 280px;
background: linear-gradient(180deg, #1a2f1a 0%, #15271a 100%);
border-right: 1px solid #2d5a3d;
background: linear-gradient(180deg, #141414 0%, #0f0f0f 100%);
border-right: 1px solid #333333;
display: flex;
flex-direction: column;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -69,7 +69,7 @@
.sidebar-header {
padding: 24px 20px;
border-bottom: 1px solid #2d5a3d;
border-bottom: 1px solid #333333;
display: flex;
align-items: center;
justify-content: space-between;
@@ -163,7 +163,7 @@
align-items: center;
gap: 16px;
padding: 16px 20px;
color: #94d3a2;
color: #e5e5e5;
text-decoration: none;
font-weight: 500;
transition: all 0.2s;
@@ -176,12 +176,12 @@
padding: 16px 12px;
border-radius: 8px;
margin: 4px 8px;
background: rgba(45, 90, 61, 0.1);
background: rgba(51, 51, 51, 0.1);
border-left: none;
}
.sidebar.collapsed .nav-item:hover {
background: rgba(45, 90, 61, 0.3);
background: rgba(51, 51, 51, 0.3);
transform: scale(1.05);
}
@@ -199,13 +199,13 @@
}
.nav-item:hover {
background: rgba(45, 90, 61, 0.3);
background: rgba(51, 51, 51, 0.3);
color: #4ade80;
border-left-color: #4ade80;
}
.nav-item.active {
background: rgba(45, 90, 61, 0.5);
background: rgba(74, 222, 128, 0.2);
color: #4ade80;
border-left-color: #4ade80;
}
@@ -219,8 +219,8 @@
.cache-link {
display: block;
background: rgba(45, 90, 61, 0.3);
border: 1px solid #2d5a3d;
background: rgba(51, 51, 51, 0.3);
border: 1px solid #333333;
border-radius: 12px;
padding: 16px;
text-decoration: none;
@@ -229,7 +229,7 @@
}
.cache-link:hover {
background: rgba(45, 90, 61, 0.5);
background: rgba(51, 51, 51, 0.5);
border-color: #4ade80;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(74, 222, 128, 0.1);