Yiming-M commited on
Commit
fb20bf9
·
1 Parent(s): cf779d9

2025-08-01 09:25 🚀

Browse files
Files changed (1) hide show
  1. app.py +76 -14
app.py CHANGED
@@ -573,6 +573,16 @@ select option[value*="━━━━━━"] {
573
  .gr-row:nth-of-type(3) .gr-group {
574
  height: auto !important;
575
  min-height: auto !important;
 
 
 
 
 
 
 
 
 
 
576
  }
577
  }
578
 
@@ -602,6 +612,16 @@ select option[value*="━━━━━━"] {
602
  .gr-row:nth-of-type(3) .gr-group {
603
  height: auto !important;
604
  min-height: auto !important;
 
 
 
 
 
 
 
 
 
 
605
  }
606
  }
607
 
@@ -642,6 +662,29 @@ select option[value*="━━━━━━"] {
642
  .gr-row:nth-of-type(3) .gr-group {
643
  height: auto !important;
644
  min-height: auto !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
645
  }
646
  }
647
 
@@ -755,10 +798,11 @@ select option[value*="━━━━━━"] {
755
 
756
  /* 确保第二行组件等高 */
757
  .gr-row:nth-of-type(2) .gr-group {
758
- height: 220px !important;
759
- min-height: 220px !important;
760
  display: flex !important;
761
  flex-direction: column !important;
 
762
  }
763
 
764
  .gr-row:nth-of-type(2) .gr-group > * {
@@ -767,37 +811,47 @@ select option[value*="━━━━━━"] {
767
 
768
  /* 确保第二行的文本框具有相同的高度 */
769
  .gr-row:nth-of-type(2) .gr-textbox {
770
- min-height: 80px !important;
 
771
  display: flex !important;
772
  align-items: center !important;
773
  }
774
 
775
  /* 确保第二行下拉菜单区域等高 */
776
  .gr-row:nth-of-type(2) .gr-dropdown {
777
- min-height: 60px !important;
 
778
  }
779
 
780
  /* 确保第三行组件等高 */
781
  .gr-row:nth-of-type(3) .gr-group {
782
- height: 520px !important;
783
- min-height: 520px !important;
784
  display: flex !important;
785
  flex-direction: column !important;
 
786
  }
787
 
788
- .gr-row:nth-of-type(3) .gr-group > * {
789
- flex: 1 !important;
 
 
 
 
790
  }
791
 
792
- /* 第三行的图像容器特殊处理 */
793
- .gr-row:nth-of-type(3) .gr-image {
794
- height: 400px !important;
795
- flex: 0 0 400px !important;
796
  }
797
 
798
- /* 第三行的按钮容器 */
799
  .gr-row:nth-of-type(3) .gr-button {
800
- margin-top: auto !important;
 
 
 
 
 
801
  }
802
 
803
  /* 列间距优化 */
@@ -874,12 +928,20 @@ select option[value*="━━━━━━"] {
874
  .gr-row:nth-of-type(2) .gr-group .gr-row {
875
  height: 100% !important;
876
  align-items: stretch !important;
 
877
  }
878
 
879
  .gr-row:nth-of-type(2) .gr-group .gr-row .gr-column {
880
  display: flex !important;
881
  flex-direction: column !important;
882
  justify-content: space-between !important;
 
 
 
 
 
 
 
883
  }
884
 
885
  /* 统计信息卡片美化 */
 
573
  .gr-row:nth-of-type(3) .gr-group {
574
  height: auto !important;
575
  min-height: auto !important;
576
+ position: static !important;
577
+ }
578
+
579
+ .gr-row:nth-of-type(3) .gr-button {
580
+ position: static !important;
581
+ bottom: auto !important;
582
+ left: auto !important;
583
+ right: auto !important;
584
+ width: auto !important;
585
+ margin-top: 16px !important;
586
  }
587
  }
588
 
 
612
  .gr-row:nth-of-type(3) .gr-group {
613
  height: auto !important;
614
  min-height: auto !important;
615
+ position: static !important;
616
+ }
617
+
618
+ .gr-row:nth-of-type(3) .gr-button {
619
+ position: static !important;
620
+ bottom: auto !important;
621
+ left: auto !important;
622
+ right: auto !important;
623
+ width: auto !important;
624
+ margin-top: 16px !important;
625
  }
626
  }
627
 
 
662
  .gr-row:nth-of-type(3) .gr-group {
663
  height: auto !important;
664
  min-height: auto !important;
665
+ position: static !important;
666
+ }
667
+
668
+ .gr-row:nth-of-type(3) .gr-button {
669
+ position: static !important;
670
+ bottom: auto !important;
671
+ left: auto !important;
672
+ right: auto !important;
673
+ width: auto !important;
674
+ margin-top: 16px !important;
675
+ }
676
+
677
+ .gr-row:nth-of-type(2) .gr-textbox,
678
+ .gr-row:nth-of-type(2) .gr-dropdown {
679
+ min-height: auto !important;
680
+ max-height: none !important;
681
+ }
682
+
683
+ .gr-row:nth-of-type(3) .gr-image {
684
+ height: 300px !important;
685
+ min-height: auto !important;
686
+ max-height: none !important;
687
+ flex: none !important;
688
  }
689
  }
690
 
 
798
 
799
  /* 确保第二行组件等高 */
800
  .gr-row:nth-of-type(2) .gr-group {
801
+ height: 240px !important;
802
+ min-height: 240px !important;
803
  display: flex !important;
804
  flex-direction: column !important;
805
+ justify-content: space-between !important;
806
  }
807
 
808
  .gr-row:nth-of-type(2) .gr-group > * {
 
811
 
812
  /* 确保第二行的文本框具有相同的高度 */
813
  .gr-row:nth-of-type(2) .gr-textbox {
814
+ min-height: 100px !important;
815
+ max-height: 100px !important;
816
  display: flex !important;
817
  align-items: center !important;
818
  }
819
 
820
  /* 确保第二行下拉菜单区域等高 */
821
  .gr-row:nth-of-type(2) .gr-dropdown {
822
+ min-height: 80px !important;
823
+ max-height: 80px !important;
824
  }
825
 
826
  /* 确保第三行组件等高 */
827
  .gr-row:nth-of-type(3) .gr-group {
828
+ height: 480px !important;
829
+ min-height: 480px !important;
830
  display: flex !important;
831
  flex-direction: column !important;
832
+ justify-content: flex-start !important;
833
  }
834
 
835
+ /* 第三行的图像容器统一高度 */
836
+ .gr-row:nth-of-type(3) .gr-image {
837
+ height: 380px !important;
838
+ min-height: 380px !important;
839
+ max-height: 380px !important;
840
+ flex: 0 0 380px !important;
841
  }
842
 
843
+ /* 第三行的按钮固定在底部 */
844
+ .gr-row:nth-of-type(3) .gr-group {
845
+ position: relative !important;
 
846
  }
847
 
 
848
  .gr-row:nth-of-type(3) .gr-button {
849
+ position: absolute !important;
850
+ bottom: 24px !important;
851
+ left: 24px !important;
852
+ right: 24px !important;
853
+ margin: 0 !important;
854
+ width: calc(100% - 48px) !important;
855
  }
856
 
857
  /* 列间距优化 */
 
928
  .gr-row:nth-of-type(2) .gr-group .gr-row {
929
  height: 100% !important;
930
  align-items: stretch !important;
931
+ flex: 1 !important;
932
  }
933
 
934
  .gr-row:nth-of-type(2) .gr-group .gr-row .gr-column {
935
  display: flex !important;
936
  flex-direction: column !important;
937
  justify-content: space-between !important;
938
+ height: 100% !important;
939
+ }
940
+
941
+ /* 第二行内部markdown标题固定高度 */
942
+ .gr-row:nth-of-type(2) .gr-group .gr-markdown {
943
+ flex: 0 0 auto !important;
944
+ margin-bottom: 16px !important;
945
  }
946
 
947
  /* 统计信息卡片美化 */