Hugging Face's logo

Spaces:
Asura05
/
Meta-Kaggle-Dataset-Navigator
Sleeping

App Files Community
n0v33n commited on
Commit
33a8649
·
1 Parent(s): 755c458

updata app.py

Browse files
Files changed (1) hide show
  1. app.py +59 -19
app.py CHANGED
@@ -63,53 +63,93 @@ def guide_user(prompt):
63
  # === Custom CSS for Gradio UI ===
64
  css = """
65
  body {
66
- background-color: #e6ecf3;
67
- font-family: 'Segoe UI', sans-serif;
 
 
68
  }
 
69
  .gradio-container {
70
- width: 100% !important;
71
- max-width: 100% !important;
72
- padding: 40px 10%;
73
  background-color: #ffffff;
 
 
74
  }
 
75
  .gr-block {
76
  width: 100%;
77
  }
 
78
  h1 {
79
- color: #1967d2;
80
  text-align: center;
81
- font-size: 2rem;
 
82
  }
 
83
  h2, p.subtitle, .subheading, .description {
84
- color: #333;
85
  text-align: center;
86
- margin-bottom: 20px;
 
 
87
  }
 
88
  input[type="text"], textarea, .output-text {
89
- border: 1px solid #ccc;
90
- border-radius: 6px;
91
- padding: 12px;
92
  width: 100%;
93
  box-sizing: border-box;
 
 
 
 
 
 
 
 
 
94
  }
 
95
  button {
96
  background-color: #1967d2;
97
- color: white;
98
- border-radius: 6px;
99
- padding: 12px 24px;
100
  font-size: 1rem;
 
101
  border: none;
102
  cursor: pointer;
 
103
  }
 
104
  button:hover {
105
  background-color: #1450a3;
106
  }
 
107
  .output-text {
108
- background-color: #f7f9fc;
109
  border: 1px solid #ccd6e0;
110
- border-radius: 6px;
111
- padding: 15px;
 
 
 
 
 
 
 
 
 
 
 
 
 
112
  }
 
113
  """
114
 
115
 
@@ -117,7 +157,7 @@ button:hover {
117
  with gr.Blocks(css=css) as demo:
118
  with gr.Column():
119
  gr.Markdown("# Meta-Kaggle Dataset Navigator")
120
- gr.Markdown("Ask which parquet files and columns you need for your analysis!")
121
 
122
  with gr.Row():
123
  input_text = gr.Textbox(
 
63
  # === Custom CSS for Gradio UI ===
64
  css = """
65
  body {
66
+ background-color: #f4f7fb;
67
+ font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
68
+ margin: 0;
69
+ padding: 0;
70
  }
71
+
72
  .gradio-container {
73
+ max-width: 900px;
74
+ margin: 0 auto;
75
+ padding: 40px 20px;
76
  background-color: #ffffff;
77
+ border-radius: 12px;
78
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
79
  }
80
+
81
  .gr-block {
82
  width: 100%;
83
  }
84
+
85
  h1 {
86
+ color: #174ea6;
87
  text-align: center;
88
+ font-size: 2.2rem;
89
+ margin-bottom: 10px;
90
  }
91
+
92
  h2, p.subtitle, .subheading, .description {
93
+ color: #555;
94
  text-align: center;
95
+ font-size: 1.1rem;
96
+ margin-bottom: 24px;
97
+ line-height: 1.5;
98
  }
99
+
100
  input[type="text"], textarea, .output-text {
101
+ border: 1px solid #d0d7e2;
102
+ border-radius: 8px;
103
+ padding: 14px;
104
  width: 100%;
105
  box-sizing: border-box;
106
+ font-size: 1rem;
107
+ background-color: #fdfdfd;
108
+ transition: border-color 0.3s ease;
109
+ }
110
+
111
+ input[type="text"]:focus, textarea:focus {
112
+ outline: none;
113
+ border-color: #1967d2;
114
+ box-shadow: 0 0 0 2px rgba(25, 103, 210, 0.1);
115
  }
116
+
117
  button {
118
  background-color: #1967d2;
119
+ color: #ffffff;
120
+ border-radius: 8px;
121
+ padding: 12px 28px;
122
  font-size: 1rem;
123
+ font-weight: 500;
124
  border: none;
125
  cursor: pointer;
126
+ transition: background-color 0.3s ease;
127
  }
128
+
129
  button:hover {
130
  background-color: #1450a3;
131
  }
132
+
133
  .output-text {
134
+ background-color: #f1f5fa;
135
  border: 1px solid #ccd6e0;
136
+ border-radius: 8px;
137
+ padding: 16px;
138
+ font-size: 0.95rem;
139
+ line-height: 1.5;
140
+ color: #333;
141
+ white-space: pre-wrap;
142
+ }
143
+
144
+ @media (max-width: 768px) {
145
+ .gradio-container {
146
+ padding: 20px 10px;
147
+ }
148
+ h1 {
149
+ font-size: 1.7rem;
150
+ }
151
  }
152
+
153
  """
154
 
155
 
 
157
  with gr.Blocks(css=css) as demo:
158
  with gr.Column():
159
  gr.Markdown("# Meta-Kaggle Dataset Navigator")
160
+ gr.Markdown("Ask which CSV files and columns you need for your analysis!")
161
 
162
  with gr.Row():
163
  input_text = gr.Textbox(