Skip to content

Commit 3761780

Browse files
MrBlankCodingMrBlankCoding
committed
Dashboard
1 parent 14d8ae8 commit 3761780

7 files changed

Lines changed: 673 additions & 681 deletions

File tree

‎README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,3 +29,6 @@ CodeTweak is fully open source and provides support for manifest v3. The code ed
2929

3030
## Contributing
3131
Anyone is welcome
32+
33+
34+
AI + CUSTOM APIS

‎src/assets/styles/d_script_list.css‎

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
/* Scripts List */
2+
.scripts-list {
3+
flex: 1;
4+
overflow-y: auto;
5+
padding: var(--space-md);
6+
display: flex;
7+
flex-direction: column;
8+
gap: var(--space-sm);
9+
}
10+
11+
.script-list-item {
12+
background: var(--bg-secondary);
13+
border: 1px solid var(--border-primary);
14+
border-radius: var(--radius-md);
15+
padding: var(--space-md);
16+
display: grid;
17+
grid-template-columns: auto 1fr auto auto;
18+
gap: var(--space-md);
19+
align-items: center;
20+
transition: var(--transition-all);
21+
}
22+
23+
.script-list-item .script-name {
24+
font-weight: 500;
25+
color: var(--text-primary);
26+
}
27+
28+
.script-list-item .script-version {
29+
font-size: var(--font-sm);
30+
color: var(--text-muted);
31+
}
32+
33+
.script-list-item .script-description {
34+
font-size: var(--font-sm);
35+
color: var(--text-secondary);
36+
white-space: nowrap;
37+
overflow: hidden;
38+
text-overflow: ellipsis;
39+
}
40+
41+
.script-actions {
42+
display: flex;
43+
align-items: center;
44+
gap: var(--space-sm);
45+
}
46+
47+
.btn-action {
48+
display: flex;
49+
align-items: center;
50+
justify-content: center;
51+
width: 32px;
52+
height: 32px;
53+
background: transparent;
54+
border: 1px solid transparent;
55+
border-radius: 50%;
56+
color: var(--text-secondary);
57+
cursor: pointer;
58+
transition: var(--transition-all);
59+
}
60+
61+
.btn-action:hover {
62+
background: var(--bg-tertiary);
63+
color: var(--text-primary);
64+
}
65+
66+
.btn-action.btn-delete:hover {
67+
background: var(--error-light);
68+
color: var(--error);
69+
}
70+
71+
.toggle-switch {
72+
position: relative;
73+
width: 38px;
74+
height: 20px;
75+
flex-shrink: 0;
76+
}
77+
78+
.toggle-switch input {
79+
opacity: 0;
80+
width: 0;
81+
height: 0;
82+
}
83+
84+
.toggle-slider {
85+
position: absolute;
86+
cursor: pointer;
87+
inset: 0;
88+
background: var(--bg-tertiary);
89+
border-radius: var(--radius-full);
90+
transition: var(--transition-all);
91+
border: 1px solid var(--border-primary);
92+
}
93+
94+
.toggle-slider:before {
95+
position: absolute;
96+
content: "";
97+
height: 14px;
98+
width: 14px;
99+
left: 2px;
100+
bottom: 2px;
101+
background: var(--text-secondary);
102+
border-radius: 50%;
103+
transition: var(--transition-transform);
104+
}
105+
106+
.toggle-switch input:checked + .toggle-slider {
107+
background: var(--primary);
108+
border-color: var(--primary);
109+
}
110+
111+
.toggle-switch input:checked + .toggle-slider:before {
112+
background: white;
113+
transform: translateX(18px);
114+
}

‎src/assets/styles/d_sidebar.css‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
/* Sidebar */
2+
.sidebar {
3+
background: var(--bg-secondary);
4+
border-right: 1px solid var(--border-primary);
5+
display: flex;
6+
flex-direction: column;
7+
overflow-y: auto;
8+
padding-top: var(--space-md);
9+
}
10+
11+
.sidebar-header {
12+
padding: 0 var(--space-lg) var(--space-lg);
13+
border-bottom: 1px solid var(--border-primary);
14+
}
15+
16+
.logo {
17+
background: linear-gradient(135deg, var(--primary), var(--secondary));
18+
-webkit-background-clip: text;
19+
-webkit-text-fill-color: transparent;
20+
background-clip: text;
21+
}
22+
23+
.sidebar-nav {
24+
flex: 1;
25+
padding: var(--space-md) 0;
26+
}
27+
28+
.nav-item {
29+
width: 100%;
30+
display: flex;
31+
align-items: center;
32+
gap: var(--space-md);
33+
padding: var(--space-md) var(--space-lg);
34+
background: transparent;
35+
border: none;
36+
border-left: 3px solid transparent;
37+
color: var(--text-secondary);
38+
font-size: var(--text-sm);
39+
cursor: pointer;
40+
transition: var(--transition-colors);
41+
text-align: left;
42+
}
43+
44+
.nav-item:hover {
45+
background: var(--bg-hover);
46+
color: var(--text-primary);
47+
}
48+
49+
.nav-item.active {
50+
background: var(--primary-light);
51+
border-left-color: var(--primary);
52+
color: var(--primary);
53+
}
54+
55+
.nav-icon {
56+
font-size: var(--text-lg);
57+
width: 24px;
58+
text-align: center;
59+
}
60+
61+
.nav-label {
62+
flex: 1;
63+
font-weight: var(--font-medium);
64+
}
65+
66+
.nav-badge {
67+
background: var(--bg-tertiary);
68+
color: var(--text-secondary);
69+
font-size: var(--text-xs);
70+
font-weight: var(--font-semibold);
71+
padding: 2px 8px;
72+
border-radius: var(--radius-full);
73+
}
74+
75+
.nav-item.active .nav-badge {
76+
background: var(--primary);
77+
color: white;
78+
}
79+
80+
.sidebar-actions {
81+
padding: var(--space-lg);
82+
border-top: 1px solid var(--border-primary);
83+
display: flex;
84+
flex-direction: column;
85+
gap: var(--space-md);
86+
}

0 commit comments

Comments
 (0)