Hugging Face's logo

Spaces:
wenjiao
/
cp_low_bit_open_llm_leaderboard
Sleeping

App Files Community
wenjiao commited on
Commit
305ce9e
·
verified ·
1 Parent(s): 892f5ca

Update src/display/css_html_js.py

Browse files
Files changed (1) hide show
  1. src/display/css_html_js.py +16 -16
src/display/css_html_js.py CHANGED
@@ -18,13 +18,13 @@ table th:first-child {
18
  top: 0 !important;
19
  left: 0 !important;
20
  width: 100vw !important;
 
21
  background-color: rgba(0, 0, 0, 0.85) !important;
22
  z-index: 10000 !important;
23
- display: flex !important;
24
- justify-content: center !important;
25
- align-items: center !important;
26
  pointer-events: auto !important;
27
- cursor: pointer;
28
  }
29
 
30
  .custom-modal[style*="display: none"],
@@ -44,13 +44,14 @@ table th:first-child {
44
  border-radius: 12px;
45
  width: 85% !important;
46
  max-width: 1100px;
 
47
  display: block !important;
48
- height: auto !important;
49
- max-height: 90vh;
50
- overflow-y: auto;
51
  z-index: 10001;
52
  text-align: center;
53
- cursor: default;
54
  }
55
 
56
  .modal-content .gradio-plot,
@@ -58,16 +59,14 @@ table th:first-child {
58
  height: 400px !important;
59
  min-height: 400px !important;
60
  max-height: 400px !important;
61
- display: block !important;
62
- width: 100% !important;
63
- overflow: hidden !important;
64
  }
65
 
66
  .modal-content .gradio-dataframe {
67
- display: block !important;
68
- width: 100% !important;
69
- height: auto !important;
70
  min-height: 50px !important;
 
 
71
  }
72
 
73
  .modal-content .form,
@@ -78,8 +77,9 @@ table th:first-child {
78
  }
79
 
80
  .modal-content > * {
81
- margin: 0 auto 15px auto !important;
82
- flex: none !important;
 
83
  }
84
 
85
  /* Full width space */
 
18
  top: 0 !important;
19
  left: 0 !important;
20
  width: 100vw !important;
21
+ height: 100vh !important;
22
  background-color: rgba(0, 0, 0, 0.85) !important;
23
  z-index: 10000 !important;
24
+ display: block !important;
25
+ overflow-y: auto !important;
 
26
  pointer-events: auto !important;
27
+ padding: 5vh 0 !important;
28
  }
29
 
30
  .custom-modal[style*="display: none"],
 
44
  border-radius: 12px;
45
  width: 85% !important;
46
  max-width: 1100px;
47
+ margin: 0 auto !important;
48
  display: block !important;
49
+ height: auto !important;
50
+ min-height: 200px !important;
51
+ max-height: none !important;
52
  z-index: 10001;
53
  text-align: center;
54
+ box-shadow: 0 4px 20px rgba(0,0,0,0.3);
55
  }
56
 
57
  .modal-content .gradio-plot,
 
59
  height: 400px !important;
60
  min-height: 400px !important;
61
  max-height: 400px !important;
62
+ width: 100% !important;
 
 
63
  }
64
 
65
  .modal-content .gradio-dataframe {
66
+ height: auto !important;
 
 
67
  min-height: 50px !important;
68
+ max-height: 400px !important;
69
+ overflow-y: auto !important;
70
  }
71
 
72
  .modal-content .form,
 
77
  }
78
 
79
  .modal-content > * {
80
+ margin: 0 auto 20px auto !important;
81
+ flex: none !important;
82
+ display: block !important;
83
  }
84
 
85
  /* Full width space */