Hugging Face's logo

Spaces:
pvanand
/
Flask-web-server
Sleeping

App Files Community
pvanand commited on
Commit
bcd7623
·
verified ·
1 Parent(s): dba5081

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

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