Nischal Subedi
commited on
Commit
·
3c8fabc
1
Parent(s):
229dc0f
UI v12
Browse files
app.py
CHANGED
@@ -778,107 +778,6 @@ Answer:"""
|
|
778 |
text-decoration: underline !important;
|
779 |
transform: scale(1.05) !important;
|
780 |
display: inline-block !important;
|
781 |
-
} 0.5rem !important;
|
782 |
-
}
|
783 |
-
|
784 |
-
.response-icon {
|
785 |
-
font-size: 1.3rem !important;
|
786 |
-
color: var(--primary-color) !important;
|
787 |
-
}
|
788 |
-
|
789 |
-
.divider {
|
790 |
-
border: none !important;
|
791 |
-
border-top: 1px solid var(--border-color) !important;
|
792 |
-
margin: 0.75rem 0 !important;
|
793 |
-
}
|
794 |
-
|
795 |
-
/* Error message styling */
|
796 |
-
.error-message {
|
797 |
-
background: var(--error-bg) !important;
|
798 |
-
border: 2px solid var(--error-border) !important;
|
799 |
-
color: var(--error-text) !important;
|
800 |
-
padding: 1rem !important;
|
801 |
-
border-radius: 8px !important;
|
802 |
-
display: flex !important;
|
803 |
-
align-items: flex-start !important;
|
804 |
-
gap: 0.75rem !important;
|
805 |
-
font-size: 0.9rem !important;
|
806 |
-
}
|
807 |
-
|
808 |
-
.error-icon {
|
809 |
-
font-size: 1.2rem !important;
|
810 |
-
line-height: 1 !important;
|
811 |
-
margin-top: 0.1rem !important;
|
812 |
-
}
|
813 |
-
|
814 |
-
/* Placeholder styling */
|
815 |
-
.placeholder {
|
816 |
-
background: var(--background-secondary) !important;
|
817 |
-
border: 2px dashed var(--border-color) !important;
|
818 |
-
border-radius: 8px !important;
|
819 |
-
padding: 2rem 1rem !important;
|
820 |
-
text-align: center !important;
|
821 |
-
color: var(--text-secondary) !important;
|
822 |
-
font-style: italic !important;
|
823 |
-
}
|
824 |
-
|
825 |
-
/* Examples table styling */
|
826 |
-
.examples-section .gr-samples-table {
|
827 |
-
border: 2px solid var(--border-color) !important;
|
828 |
-
border-radius: 8px !important;
|
829 |
-
overflow: hidden !important;
|
830 |
-
margin-top: 1rem !important;
|
831 |
-
}
|
832 |
-
|
833 |
-
.examples-section .gr-samples-table th,
|
834 |
-
.examples-section .gr-samples-table td {
|
835 |
-
padding: 0.75rem !important;
|
836 |
-
border: none !important;
|
837 |
-
font-size: 0.9rem !important;
|
838 |
-
}
|
839 |
-
|
840 |
-
.examples-section .gr-samples-table th {
|
841 |
-
background: var(--background-secondary) !important;
|
842 |
-
font-weight: 600 !important;
|
843 |
-
color: var(--text-primary) !important;
|
844 |
-
}
|
845 |
-
|
846 |
-
.examples-section .gr-samples-table td {
|
847 |
-
background: var(--background-primary) !important;
|
848 |
-
color: var(--text-primary) !important;
|
849 |
-
border-top: 1px solid var(--border-color) !important;
|
850 |
-
cursor: pointer !important;
|
851 |
-
}
|
852 |
-
|
853 |
-
.examples-section .gr-samples-table tr:hover td {
|
854 |
-
background: var(--background-secondary) !important;
|
855 |
-
}
|
856 |
-
|
857 |
-
/* Footer styling */
|
858 |
-
.app-footer-wrapper {
|
859 |
-
background: var(--background-secondary) !important;
|
860 |
-
border: 2px solid var(--border-color) !important;
|
861 |
-
border-radius: 12px !important;
|
862 |
-
padding: 1.5rem !important;
|
863 |
-
margin-top: 1.5rem !important;
|
864 |
-
text-align: center !important;
|
865 |
-
}
|
866 |
-
|
867 |
-
.app-footer p {
|
868 |
-
margin: 0.5rem 0 !important;
|
869 |
-
font-size: 0.9rem !important;
|
870 |
-
color: var(--text-secondary) !important;
|
871 |
-
line-height: 1.5 !important;
|
872 |
-
}
|
873 |
-
|
874 |
-
.app-footer a {
|
875 |
-
color: var(--primary-color) !important;
|
876 |
-
text-decoration: none !important;
|
877 |
-
font-weight: 500 !important;
|
878 |
-
}
|
879 |
-
|
880 |
-
.app-footer a:hover {
|
881 |
-
text-decoration: underline !important;
|
882 |
}
|
883 |
|
884 |
/* Hide Gradio default elements */
|
@@ -891,7 +790,7 @@ Answer:"""
|
|
891 |
/* Responsive design */
|
892 |
@media (max-width: 768px) {
|
893 |
.gradio-container {
|
894 |
-
padding:
|
895 |
}
|
896 |
|
897 |
.app-header-title {
|
|
|
778 |
text-decoration: underline !important;
|
779 |
transform: scale(1.05) !important;
|
780 |
display: inline-block !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
781 |
}
|
782 |
|
783 |
/* Hide Gradio default elements */
|
|
|
790 |
/* Responsive design */
|
791 |
@media (max-width: 768px) {
|
792 |
.gradio-container {
|
793 |
+
padding: var(--spacing-sm) !important;
|
794 |
}
|
795 |
|
796 |
.app-header-title {
|