Hugging Face's logo

Spaces:
pvanand
/
Flask-web-server
Sleeping

App Files Community
pvanand commited on
Commit
79798e5
·
verified ·
1 Parent(s): 15d54c1

Update static/css/apps-hub/ai-sidebar.css

Browse files
Files changed (1) hide show
  1. static/css/apps-hub/ai-sidebar.css +88 -76
static/css/apps-hub/ai-sidebar.css CHANGED
@@ -1,77 +1,89 @@
1
- /* ai-sidebar.css */
2
- .ai-sidebar__container {
3
- display: flex;
4
- min-height: 100vh;
5
- }
6
-
7
- .ai-sidebar__sidebar {
8
- width: 250px;
9
- background-color: #ffffff;
10
- padding: 20px;
11
- box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
12
- display: flex;
13
- flex-direction: column;
14
- }
15
-
16
- .ai-sidebar__title {
17
- font-size: 1.5rem;
18
- font-weight: bold;
19
- color: #3f72af;
20
- margin-bottom: 20px;
21
- }
22
-
23
- .ai-sidebar__app-list {
24
- list-style-type: none;
25
- padding: 0;
26
- margin: 0;
27
- flex-grow: 1;
28
- }
29
-
30
- .ai-sidebar__app-item {
31
- display: flex;
32
- align-items: center;
33
- padding: 10px;
34
- margin-bottom: 10px;
35
- border-radius: 8px;
36
- cursor: pointer;
37
- transition: background-color 0.2s ease;
38
- }
39
-
40
- .ai-sidebar__app-item:hover {
41
- background-color: #3f72af;
42
- color: white;
43
- }
44
-
45
- .ai-sidebar__app-icon {
46
- width: 40px;
47
- height: 40px;
48
- border-radius: 50%;
49
- display: flex;
50
- justify-content: center;
51
- align-items: center;
52
- margin-right: 15px;
53
- color: white;
54
- }
55
-
56
- .ai-sidebar__app-name {
57
- font-weight: 500;
58
- }
59
-
60
- .ai-sidebar__content {
61
- flex-grow: 1;
62
- padding: 20px;
63
- }
64
-
65
- .ai-sidebar__footer {
66
- margin-top: auto;
67
- }
68
-
69
- .ai-sidebar__footer .ai-sidebar__app-item {
70
- text-decoration: none;
71
- color: inherit;
72
- }
73
-
74
- .ai-sidebar__footer .ai-sidebar__app-icon {
75
- width: 40px;
76
- height: 40px;
 
 
 
 
 
 
 
 
 
 
 
 
77
  }
 
1
+ /* ai-sidebar.css */
2
+ /* ai-sidebar.css */
3
+ body {
4
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
5
+ line-height: 1.6;
6
+ margin: 0;
7
+ padding: 0;
8
+ background-color: #f0f2f5;
9
+ color: #333;
10
+ }
11
+
12
+ .ai-sidebar__container {
13
+ display: flex;
14
+ min-height: 100vh;
15
+
16
+ }
17
+
18
+ .ai-sidebar__sidebar {
19
+ max-width: 250px;
20
+ background-color: #ffffff;
21
+ padding: 10px;
22
+ box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
23
+ display: flex;
24
+ flex-direction: column;
25
+ }
26
+
27
+ .ai-sidebar__title {
28
+ font-size: 1.5rem;
29
+ font-weight: bold;
30
+ color: #3f72af;
31
+ margin-bottom: 20px;
32
+ }
33
+
34
+ .ai-sidebar__app-list {
35
+ list-style-type: none;
36
+ padding: 0;
37
+ margin: 0;
38
+ flex-grow: 1;
39
+ }
40
+
41
+ .ai-sidebar__app-item {
42
+ display: flex;
43
+ align-items: center;
44
+ padding: 10px;
45
+ margin-bottom: 10px;
46
+ border-radius: 8px;
47
+ cursor: pointer;
48
+ transition: background-color 0.2s ease;
49
+ }
50
+
51
+ .ai-sidebar__app-item:hover {
52
+ background-color: #3f72af;
53
+ color: white;
54
+ }
55
+
56
+ .ai-sidebar__app-icon {
57
+ width: 36px;
58
+ height: 36px;
59
+ border-radius: 8px;
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ margin-right: 16px;
64
+ color: white;
65
+ font-size: 1.1rem;
66
+ }
67
+
68
+ .ai-sidebar__app-name {
69
+ font-weight: 500;
70
+ }
71
+
72
+ .ai-sidebar__content {
73
+ flex-grow: 1;
74
+ padding: 20px;
75
+ }
76
+
77
+ .ai-sidebar__footer {
78
+ margin-top: auto;
79
+ }
80
+
81
+ .ai-sidebar__footer .ai-sidebar__app-item {
82
+ text-decoration: none;
83
+ color: inherit;
84
+ }
85
+
86
+ .ai-sidebar__footer .ai-sidebar__app-icon {
87
+ width: 40px;
88
+ height: 40px;
89
  }