Check and fix mobile responsiveness
Browse files- check_ui.py +30 -0
check_ui.py
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
#!/usr/bin/env python3
|
| 2 |
+
"""Read the Little Fig UI, check mobile responsiveness, fix if needed."""
|
| 3 |
+
import subprocess, os
|
| 4 |
+
|
| 5 |
+
TOKEN = "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"
|
| 6 |
+
subprocess.run(["git", "clone", f"https://{TOKEN}@github.com/ticketguy/littlefig.git", "/app/littlefig"], check=True)
|
| 7 |
+
os.chdir("/app/littlefig")
|
| 8 |
+
subprocess.run(["git", "config", "user.name", "0xticketguy"], check=True)
|
| 9 |
+
subprocess.run(["git", "config", "user.email", "0xticketguy@harboria.dev"], check=True)
|
| 10 |
+
|
| 11 |
+
# Read the current UI
|
| 12 |
+
html_path = "src/little_fig/web/static/index.html"
|
| 13 |
+
with open(html_path, "r") as f:
|
| 14 |
+
html = f.read()
|
| 15 |
+
|
| 16 |
+
print(f"UI file size: {len(html)} chars")
|
| 17 |
+
print(f"Has viewport meta: {'viewport' in html}")
|
| 18 |
+
print(f"Has media queries: {'@media' in html}")
|
| 19 |
+
print(f"Has Tailwind: {'tailwind' in html.lower()}")
|
| 20 |
+
print(f"Has flex/grid: {'flex' in html or 'grid' in html}")
|
| 21 |
+
print(f"\nFirst 200 chars:\n{html[:200]}")
|
| 22 |
+
print(f"\n... (middle) ...\n")
|
| 23 |
+
# Find style section
|
| 24 |
+
if '<style' in html:
|
| 25 |
+
style_start = html.find('<style')
|
| 26 |
+
style_end = html.find('</style>', style_start)
|
| 27 |
+
style = html[style_start:style_end+8]
|
| 28 |
+
print(f"Style section length: {len(style)} chars")
|
| 29 |
+
print(f"Style preview:\n{style[:500]}")
|
| 30 |
+
print(f"\nLast 200 chars:\n{html[-200:]}")
|