Hugging Face's logo

Spaces:
zenivan
/
metodika_core
Paused

App Files Community
zenivan commited on
Commit
eacf4a5
·
1 Parent(s): faf03fa

...

Browse files
Files changed (2) hide show
  1. app/styles.css +17 -47
  2. app/styles_misc.css +108 -0
app/styles.css CHANGED
@@ -32,65 +32,35 @@
32
  /* color: #003366; */
33
  /* } */
34
 
35
- .right-col {
36
- background-color: #F0FAFF; /* посветлее */
37
- padding: 0px;
38
- color: #fef3c7;
39
- }
40
-
41
- /* Поле для конспекта */
42
- #plan-output {
43
- border: 2px dashed #bbb;
44
- border-radius: 12px;
45
- background-color: #f5f5f5;
46
- padding: 20px;
47
- min-height: 1500px;
48
- font-style: italic;
49
- color: #555;
50
- box-shadow: 0 2px 6px rgba(0,0,0,0.05);
51
-
52
- /* Новые стили для таблиц */
53
- overflow-x: auto; /* Горизонтальный скролл при необходимости */
54
- white-space: normal; /* Отменяем переносы для таблиц */
55
- }
56
-
57
- /* Стили для Markdown-таблиц */
58
- #plan-output table {
59
  width: 100%;
60
  border-collapse: collapse;
61
- margin: 1em 0;
62
- font-style: normal;
63
- color: #333;
64
  }
65
 
66
- #plan-output th, #plan-output td {
67
- padding: 8px 12px;
68
  border: 1px solid #ddd;
 
 
 
69
  text-align: left;
70
- white-space: nowrap; /* Запрещаем перенос текста в ячейках */
71
  }
72
 
73
- #plan-output th {
74
- background-color: #f0f0f0;
75
- font-weight: bold;
 
76
  }
77
 
78
- /* Для узких экранов - адаптация */
79
- @media (max-width: 768px) {
80
- #plan-output {
81
- padding: 12px;
82
- min-height: auto;
83
- }
84
-
85
- #plan-output table {
86
- font-size: 0.9em;
87
- }
88
-
89
- #plan-output th, #plan-output td {
90
- padding: 6px 8px;
91
- }
92
  }
93
 
 
94
  /* Стилизуем заголовок аккордеона (самую "кнопку") */
95
  .feedback-button {
96
  font-weight: bold;
 
32
  /* color: #003366; */
33
  /* } */
34
 
35
+ /* make all markdown tables full-width, collapse borders, auto-size columns */
36
+ .right-col .markdown table {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
  width: 100%;
38
  border-collapse: collapse;
39
+ table-layout: auto;
40
+ margin-bottom: 1em;
 
41
  }
42
 
43
+ /* header cells */
44
+ .right-col .markdown th {
45
  border: 1px solid #ddd;
46
+ padding: 0.5em;
47
+ background-color: #f6f8fa; /* light grey header background */
48
+ font-weight: 600;
49
  text-align: left;
 
50
  }
51
 
52
+ /* data cells */
53
+ .right-col .markdown td {
54
+ border: 1px solid #ddd;
55
+ padding: 0.5em;
56
  }
57
 
58
+ /* optionally allow horizontal scroll on overflow */
59
+ .right-col .markdown {
60
+ overflow-x: auto;
 
 
 
 
 
 
 
 
 
 
 
61
  }
62
 
63
+
64
  /* Стилизуем заголовок аккордеона (самую "кнопку") */
65
  .feedback-button {
66
  font-weight: bold;
app/styles_misc.css ADDED
@@ -0,0 +1,108 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Основной фон */
2
+ /*.gradio-container {
3
+ background-color: #fef3c7;
4
+ } */
5
+
6
+ /* Заголовок */
7
+ /* .main-title h2 { */
8
+ text-align: left;
9
+ font-size: 2rem;
10
+ margin: 0; /* Убираем отступы вокруг заголовка */
11
+ /*color: #003366;*/
12
+ margin-bottom: -5px; !important /* Убираем отступ снизу заголовка */
13
+ padding: 0;
14
+ }
15
+
16
+
17
+ /* Цитата */
18
+ .quote-block {
19
+ text-align: left;
20
+ /*font-style: italic;*/
21
+ padding: 0;
22
+ margin: -1px 0 0 0; /* верхний небольшой отступ, снизу чуть больше */
23
+ /*max-width: 30em;*/ /* ограничиваем ширину, чтобы не тянулась на всю строку */
24
+ line-height: 1.4em;
25
+ }
26
+
27
+
28
+ /* .left-col { */
29
+ /* background-color: #CDE8FA; /* более тёмный голубой */
30
+ /* padding: 20px; */
31
+ /* Можно и цвет текста подкорректировать */
32
+ /* color: #003366; */
33
+ /* } */
34
+
35
+ .right-col {
36
+ background-color: #F0FAFF; /* посветлее */
37
+ padding: 0px;
38
+ color: #fef3c7;
39
+ }
40
+
41
+ /* Поле для конспекта */
42
+ #plan-output {
43
+ border: 2px dashed #bbb;
44
+ border-radius: 12px;
45
+ background-color: #f5f5f5;
46
+ padding: 20px;
47
+ min-height: 1500px;
48
+ font-style: italic;
49
+ color: #555;
50
+ box-shadow: 0 2px 6px rgba(0,0,0,0.05);
51
+
52
+ /* Новые стили для таблиц */
53
+ overflow-x: auto; /* Горизонтальный скролл при необходимости */
54
+ white-space: normal; /* Отменяем переносы для таблиц */
55
+ }
56
+
57
+ /* Стили для Markdown-таблиц */
58
+ #plan-output table {
59
+ width: 100%;
60
+ border-collapse: collapse;
61
+ margin: 1em 0;
62
+ font-style: normal;
63
+ color: #333;
64
+ }
65
+
66
+ #plan-output th, #plan-output td {
67
+ padding: 8px 12px;
68
+ border: 1px solid #ddd;
69
+ text-align: left;
70
+ white-space: nowrap; /* Запрещаем перенос текста в ячейках */
71
+ }
72
+
73
+ #plan-output th {
74
+ background-color: #f0f0f0;
75
+ font-weight: bold;
76
+ }
77
+
78
+ /* Для узких экранов - адаптация */
79
+ @media (max-width: 768px) {
80
+ #plan-output {
81
+ padding: 12px;
82
+ min-height: auto;
83
+ }
84
+
85
+ #plan-output table {
86
+ font-size: 0.9em;
87
+ }
88
+
89
+ #plan-output th, #plan-output td {
90
+ padding: 6px 8px;
91
+ }
92
+ }
93
+
94
+ /* Стилизуем заголовок аккордеона (самую "кнопку") */
95
+ .feedback-button {
96
+ font-weight: bold;
97
+ text-align: center;
98
+ background-color: #f1f1f1;
99
+ padding: 12px 18px;
100
+ border-radius: 10px;
101
+ margin-top: 12px;
102
+ }
103
+
104
+ .feedback-confirmation {
105
+ display: block !important;
106
+ margin-top: 10px;
107
+ color: green;
108
+ }