Hugging Face's logo

Spaces:
GodsDevProject
/
FOIA_Doc_Search
Sleeping

App Files Community
GodsDevProject commited on
Commit
dafc3d8
·
verified ·
1 Parent(s): e3f86fc

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +43 -53
style.css CHANGED
@@ -1,85 +1,75 @@
1
- /* ---------- GLOBAL ---------- */
2
- body {
3
- background-color: #0f1117;
 
 
 
4
  }
5
 
6
- /* ---------- BUTTONS ---------- */
7
  .search-btn {
8
- background-color: #2563eb !important;
9
- color: white !important;
10
  border-radius: 999px !important;
11
- padding: 12px 28px !important;
 
12
  font-weight: 600;
13
  }
14
 
15
- .ask-ai {
16
- background-color: #2563eb;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17
  color: white;
18
  border: none;
19
  border-radius: 999px;
20
  padding: 6px 14px;
21
- cursor: pointer;
22
  }
23
 
24
- /* ---------- RESULT CARDS ---------- */
25
- .result-card {
26
- background: #1a1c23;
27
- padding: 16px;
28
- border-radius: 12px;
29
- margin-bottom: 14px;
30
- box-shadow: 0 0 0 1px #2a2d36;
31
- }
32
-
33
- .result-actions {
34
- display: flex;
35
- gap: 12px;
36
- margin-bottom: 8px;
37
  }
38
 
39
  .result-actions a {
40
- color: #60a5fa;
41
- text-decoration: underline;
 
 
42
  }
43
 
44
- /* ---------- TOOLTIPS ---------- */
45
  .tooltip {
 
 
 
46
  position: relative;
47
- display: inline-block;
48
- color: #93c5fd;
49
- cursor: help;
50
- font-size: 0.85em;
51
  }
52
 
53
  .tooltiptext {
54
  visibility: hidden;
55
- width: 260px;
56
- background-color: #111827;
57
- color: #e5e7eb;
58
- text-align: left;
59
- padding: 10px;
60
  border-radius: 6px;
61
  position: absolute;
62
- z-index: 10;
 
63
  bottom: 125%;
64
- left: 50%;
65
- transform: translateX(-50%);
66
- box-shadow: 0 0 0 1px #374151;
67
  }
68
 
69
  .tooltip:hover .tooltiptext {
70
  visibility: visible;
71
- }
72
-
73
- /* ---------- MOBILE ---------- */
74
- @media (max-width: 640px) {
75
- .gradio-container {
76
- padding-bottom: 80px;
77
- }
78
-
79
- .tabs {
80
- position: sticky;
81
- top: 0;
82
- z-index: 100;
83
- background: #0f1117;
84
- }
85
  }
 
1
+ /* Sticky tabs on mobile */
2
+ .tabs {
3
+ position: sticky;
4
+ top: 0;
5
+ background: #fff;
6
+ z-index: 999;
7
  }
8
 
9
+ /* Search button */
10
  .search-btn {
 
 
11
  border-radius: 999px !important;
12
+ background: linear-gradient(135deg,#1e88e5,#1565c0) !important;
13
+ color: white !important;
14
  font-weight: 600;
15
  }
16
 
17
+ /* Result cards */
18
+ .result-card {
19
+ border: 1px solid #d0d0d0;
20
+ border-radius: 14px;
21
+ padding: 14px;
22
+ margin-bottom: 14px;
23
+ }
24
+
25
+ .result-header {
26
+ display: flex;
27
+ justify-content: space-between;
28
+ align-items: center;
29
+ }
30
+
31
+ .ask-ai-btn {
32
+ background: #1e88e5;
33
  color: white;
34
  border: none;
35
  border-radius: 999px;
36
  padding: 6px 14px;
37
+ font-size: 0.8rem;
38
  }
39
 
40
+ .ask-ai-btn:disabled {
41
+ background: #aaa;
42
+ cursor: not-allowed;
 
 
 
 
 
 
 
 
 
 
43
  }
44
 
45
  .result-actions a {
46
+ margin-right: 12px;
47
+ color: #1e88e5;
48
+ text-decoration: none;
49
+ font-weight: 500;
50
  }
51
 
52
+ /* Tooltip */
53
  .tooltip {
54
+ margin-top: 8px;
55
+ font-size: 0.75rem;
56
+ color: #555;
57
  position: relative;
 
 
 
 
58
  }
59
 
60
  .tooltiptext {
61
  visibility: hidden;
62
+ background-color: #333;
63
+ color: #fff;
64
+ padding: 8px;
 
 
65
  border-radius: 6px;
66
  position: absolute;
67
+ z-index: 1;
68
+ width: 260px;
69
  bottom: 125%;
70
+ left: 0;
 
 
71
  }
72
 
73
  .tooltip:hover .tooltiptext {
74
  visibility: visible;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
75
  }