File size: 2,906 Bytes
76c074b 6bb8e8d f92867a 677a430 9e1f614 677a430 6bb8e8d 9e1f614 f92867a 68bbe24 677a430 f92867a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | import gradio as gr
import os
CUSTOM_CSS = """
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
body, .gradio-container {
font-family: 'Vazirmatn', Tahoma, sans-serif !important;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
background-attachment: fixed !important;
}
.glass-panel {
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-radius: 20px !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1) !important;
padding: 25px !important;
margin-bottom: 25px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.glass-panel:hover {
box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.15) !important;
}
.login-box { max-width: 450px !important; margin: 80px auto !important; text-align: center; }
.header-text { background: linear-gradient(45deg, #1565c0, #00acc1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; font-size: 2.2em; margin-bottom: 5px; }
.primary-btn { background: linear-gradient(45deg, #1b6ca8, #4facfe) !important; border: none !important; color: white !important; font-weight: bold !important; font-size: 16px !important; border-radius: 12px !important; box-shadow: 0 4px 15px rgba(27,108,168,0.3) !important; transition: all 0.3s ease !important; }
.primary-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(27,108,168,0.5) !important; }
.secondary-btn { border-radius: 12px !important; transition: all 0.3s ease !important; background: white !important; color: #1b6ca8 !important; border: 2px solid #1b6ca8 !important; }
.secondary-btn:hover { background: #f0f8ff !important; transform: translateY(-2px) !important; }
.section-title { color: #0f172a; font-weight: bold; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 20px; }
textarea, input { border-radius: 12px !important; border: 1px solid #cbd5e1 !important; }
textarea:focus, input:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important; }
.tabs { background: transparent !important; border: none !important; }
.tab-nav { border-bottom: 2px solid #e2e8f0 !important; margin-bottom: 15px !important; }
.tab-nav button.selected { color: #1b6ca8 !important; border-bottom: 3px solid #1b6ca8 !important; font-weight: bold !important; }
"""
theme = gr.themes.Soft(
primary_hue="blue",
secondary_hue="cyan",
font=[gr.themes.GoogleFont("Vazirmatn"), "Arial", "sans-serif"]
)
demo = gr.load(
"spaces/Feri007/GIapp-private",
hf_token=os.environ.get("HF_TOKEN")
)
demo.css = CUSTOM_CSS
demo.theme = theme
if __name__ == "__main__":
demo.launch() |