monra commited on
Commit
91005d4
1 Parent(s): 82b391b

Rename CSS class (bottom_buttons -> sidebar-footer)

Browse files
client/css/buttons.css CHANGED
@@ -5,31 +5,6 @@
5
  width: 100%;
6
  }
7
 
8
- .bottom_buttons {
9
- width: 100%;
10
- display: flex;
11
- flex-direction: column;
12
- gap: 10px;
13
- }
14
-
15
- .bottom_buttons button {
16
- padding: 8px 12px;
17
- display: flex;
18
- gap: 18px;
19
- align-items: center;
20
- cursor: pointer;
21
- user-select: none;
22
- background: transparent;
23
- border: 1px solid #c7a2ff;
24
- border-radius: var(--border-radius-1);
25
- width: 100%;
26
- }
27
-
28
- .bottom_buttons button span {
29
- color: var(--colour-3);
30
- font-size: 14px;
31
- }
32
-
33
  @media screen and (max-width: 990px) {
34
  .buttons {
35
  align-items: flex-start;
 
5
  width: 100%;
6
  }
7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  @media screen and (max-width: 990px) {
9
  .buttons {
10
  align-items: flex-start;
client/css/sidebar.css CHANGED
@@ -56,6 +56,31 @@
56
  color: inherit;
57
  }
58
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59
  @keyframes spinner {
60
  to {
61
  transform: rotate(360deg);
 
56
  color: inherit;
57
  }
58
 
59
+ .sidebar-footer {
60
+ width: 100%;
61
+ display: flex;
62
+ flex-direction: column;
63
+ gap: 10px;
64
+ }
65
+
66
+ .sidebar-footer button {
67
+ padding: 8px 12px;
68
+ display: flex;
69
+ gap: 18px;
70
+ align-items: center;
71
+ cursor: pointer;
72
+ user-select: none;
73
+ background: transparent;
74
+ border: 1px solid #c7a2ff;
75
+ border-radius: var(--border-radius-1);
76
+ width: 100%;
77
+ }
78
+
79
+ .sidebar-footer button span {
80
+ color: var(--colour-3);
81
+ font-size: 14px;
82
+ }
83
+
84
  @keyframes spinner {
85
  to {
86
  transform: rotate(360deg);
client/html/index.html CHANGED
@@ -45,7 +45,7 @@
45
  </button>
46
  <div class="spinner"></div>
47
  </div>
48
- <div class="bottom_buttons">
49
  <button onclick="delete_conversations()">
50
  <i class="fa-regular fa-trash"></i>
51
  <span>Clear Conversations</span>
 
45
  </button>
46
  <div class="spinner"></div>
47
  </div>
48
+ <div class="sidebar-footer">
49
  <button onclick="delete_conversations()">
50
  <i class="fa-regular fa-trash"></i>
51
  <span>Clear Conversations</span>