Hugging Face's logo

Spaces:
Aleksmorshen
/
Localbase2
Running

App Files Community
Aleksmorshen commited on
Commit
a3d0e2c
·
verified ·
1 Parent(s): 1c64779

Update styles.css

Browse files
Files changed (1) hide show
  1. styles.css +38 -51
styles.css CHANGED
@@ -1,25 +1,34 @@
 
1
  body {
2
  font-family: Arial, sans-serif;
3
- background-color: #000;
4
- color: #fff;
5
  margin: 0;
6
  padding: 0;
7
  }
8
 
9
  .container {
10
- max-width: 800px;
11
- margin: 20px auto;
 
 
 
 
 
 
 
 
12
  padding: 20px;
13
- background-color: #111;
14
- box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
15
  border-radius: 10px;
 
16
  }
17
 
18
- h1, h2 {
19
- text-align: center;
20
- color: #fff;
21
  }
22
 
 
23
  form {
24
  display: flex;
25
  flex-direction: column;
@@ -30,10 +39,10 @@ form {
30
  input {
31
  padding: 10px;
32
  font-size: 16px;
33
- border: 1px solid #444;
34
  border-radius: 5px;
35
- background-color: #222;
36
- color: #fff;
37
  }
38
 
39
  button {
@@ -50,20 +59,7 @@ button:hover {
50
  background-color: #218838;
51
  }
52
 
53
- .search-container {
54
- margin-bottom: 20px;
55
- }
56
-
57
- #searchInput {
58
- width: 100%;
59
- padding: 10px;
60
- font-size: 16px;
61
- border: 1px solid #444;
62
- border-radius: 5px;
63
- background-color: #222;
64
- color: #fff;
65
- }
66
-
67
  table {
68
  width: 100%;
69
  border-collapse: collapse;
@@ -73,7 +69,7 @@ table {
73
  th, td {
74
  padding: 12px;
75
  text-align: left;
76
- border-bottom: 1px solid #444;
77
  }
78
 
79
  th {
@@ -82,7 +78,7 @@ th {
82
  }
83
 
84
  tr:hover {
85
- background-color: #222;
86
  }
87
 
88
  .actions {
@@ -125,15 +121,9 @@ tr:hover {
125
  background-color: #c82333;
126
  }
127
 
 
128
  .cart {
129
- margin-top: 30px;
130
- padding: 20px;
131
- background-color: #222;
132
- border-radius: 10px;
133
- }
134
-
135
- .cart h2 {
136
- margin-top: 0;
137
  }
138
 
139
  #sellCartBtn {
@@ -145,23 +135,19 @@ tr:hover {
145
  background-color: #218838;
146
  }
147
 
 
148
  .stats {
149
- margin-top: 30px;
150
- padding: 20px;
151
- background-color: #222;
152
- border-radius: 10px;
153
  }
154
 
155
- .stats h2 {
156
- margin-top: 0;
157
- }
158
-
159
- .stats p {
160
- font-size: 18px;
161
- margin: 10px 0;
162
  }
163
 
164
- /* Стили для модального окна */
165
  .modal {
166
  display: none;
167
  position: fixed;
@@ -176,12 +162,12 @@ tr:hover {
176
  }
177
 
178
  .modal-content {
179
- background-color: #222;
180
  padding: 20px;
181
  border-radius: 10px;
182
  width: 400px;
183
  max-width: 90%;
184
- color: #fff;
185
  position: relative;
186
  }
187
 
@@ -205,12 +191,13 @@ tr:hover {
205
 
206
  #receiptTable th, #receiptTable td {
207
  padding: 8px;
208
- border-bottom: 1px solid #444;
209
  text-align: left;
210
  }
211
 
212
  #receiptTable th {
213
  background-color: #333;
 
214
  }
215
 
216
  #confirmSaleBtn, #cancelSaleBtn {
 
1
+ /* Основные стили */
2
  body {
3
  font-family: Arial, sans-serif;
4
+ background-color: #ffffff;
5
+ color: #000000;
6
  margin: 0;
7
  padding: 0;
8
  }
9
 
10
  .container {
11
+ display: flex;
12
+ gap: 20px;
13
+ padding: 20px;
14
+ max-width: 1200px;
15
+ margin: 0 auto;
16
+ }
17
+
18
+ .column {
19
+ flex: 1;
20
+ background-color: #f9f9f9;
21
  padding: 20px;
 
 
22
  border-radius: 10px;
23
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
24
  }
25
 
26
+ h2 {
27
+ margin-top: 0;
28
+ color: #333;
29
  }
30
 
31
+ /* Форма добавления товара */
32
  form {
33
  display: flex;
34
  flex-direction: column;
 
39
  input {
40
  padding: 10px;
41
  font-size: 16px;
42
+ border: 1px solid #ccc;
43
  border-radius: 5px;
44
+ background-color: #fff;
45
+ color: #000;
46
  }
47
 
48
  button {
 
59
  background-color: #218838;
60
  }
61
 
62
+ /* Таблицы */
 
 
 
 
 
 
 
 
 
 
 
 
 
63
  table {
64
  width: 100%;
65
  border-collapse: collapse;
 
69
  th, td {
70
  padding: 12px;
71
  text-align: left;
72
+ border-bottom: 1px solid #ddd;
73
  }
74
 
75
  th {
 
78
  }
79
 
80
  tr:hover {
81
+ background-color: #f1f1f1;
82
  }
83
 
84
  .actions {
 
121
  background-color: #c82333;
122
  }
123
 
124
+ /* Корзина */
125
  .cart {
126
+ background-color: #f9f9f9;
 
 
 
 
 
 
 
127
  }
128
 
129
  #sellCartBtn {
 
135
  background-color: #218838;
136
  }
137
 
138
+ /* Отчеты */
139
  .stats {
140
+ background-color: #f9f9f9;
 
 
 
141
  }
142
 
143
+ .stats-content {
144
+ padding: 10px;
145
+ background-color: #fff;
146
+ border-radius: 5px;
147
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 
 
148
  }
149
 
150
+ /* Модальное окно */
151
  .modal {
152
  display: none;
153
  position: fixed;
 
162
  }
163
 
164
  .modal-content {
165
+ background-color: #fff;
166
  padding: 20px;
167
  border-radius: 10px;
168
  width: 400px;
169
  max-width: 90%;
170
+ color: #000;
171
  position: relative;
172
  }
173
 
 
191
 
192
  #receiptTable th, #receiptTable td {
193
  padding: 8px;
194
+ border-bottom: 1px solid #ddd;
195
  text-align: left;
196
  }
197
 
198
  #receiptTable th {
199
  background-color: #333;
200
+ color: #fff;
201
  }
202
 
203
  #confirmSaleBtn, #cancelSaleBtn {