nick5363 commited on
Commit
597e85f
·
verified ·
1 Parent(s): a7bc4d5

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +15 -53
app.py CHANGED
@@ -1,75 +1,37 @@
1
  import gradio as gr
2
 
3
- custom_css = """
4
- body {
5
  background-color: #111;
6
- color: white;
7
- margin: 0;
8
- padding: 0;
9
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
10
- }
11
-
12
- .center-container {
13
  display: flex;
14
  justify-content: center;
15
  align-items: center;
16
  flex-direction: column;
17
- min-height: 95vh;
18
- text-align: center;
19
- padding: 20px;
20
- box-sizing: border-box;
 
 
21
  }
22
 
23
  .button-link {
24
- display: inline-block;
25
- padding: 12px 24px;
26
  background-color: #007bff;
27
  color: white;
28
- border-radius: 6px;
29
  text-decoration: none;
 
30
  font-size: 16px;
31
- margin-top: 16px;
32
- transition: background-color 0.3s ease;
33
- }
34
-
35
- .button-link:hover {
36
- background-color: #0056b3;
37
- }
38
-
39
- /* Remove transform effects for touch devices */
40
- @media (hover: none) {
41
- .button-link:hover {
42
- transform: none;
43
- }
44
- .button-link:active {
45
- transform: none;
46
- }
47
- }
48
-
49
- h2 {
50
- margin: 0 0 20px 0;
51
- font-size: 2.5rem;
52
- font-weight: 600;
53
- }
54
-
55
- /* Responsive design */
56
- @media (max-width: 600px) {
57
- h2 {
58
- font-size: 1.8rem;
59
- }
60
-
61
- .button-link {
62
- padding: 10px 20px;
63
- font-size: 14px;
64
- }
65
  }
66
  """
67
 
68
- with gr.Blocks(css=custom_css, theme="default") as app:
69
  gr.HTML("""
70
- <div class="center-container">
71
  <h2>OptionStrat Flow</h2>
72
- <a class="button-link" href="https://optionstrat.com/flow" target="_blank" rel="noopener noreferrer" aria-label="Access OptionStrat Flow">
73
  Truy cập Option Flow
74
  </a>
75
  </div>
 
1
  import gradio as gr
2
 
3
+ css = """
4
+ #main-area {
5
  background-color: #111;
6
+ height: 100%;
7
+ width: 100%;
 
 
 
 
 
8
  display: flex;
9
  justify-content: center;
10
  align-items: center;
11
  flex-direction: column;
12
+ padding-top: 80px; /* chống đụng phần header Hugging Face */
13
+ }
14
+
15
+ #main-area h2 {
16
+ color: white;
17
+ margin-bottom: 20px;
18
  }
19
 
20
  .button-link {
 
 
21
  background-color: #007bff;
22
  color: white;
23
+ padding: 12px 24px;
24
  text-decoration: none;
25
+ border-radius: 6px;
26
  font-size: 16px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  }
28
  """
29
 
30
+ with gr.Blocks(css=css) as app:
31
  gr.HTML("""
32
+ <div id="main-area">
33
  <h2>OptionStrat Flow</h2>
34
+ <a class="button-link" href="https://optionstrat.com/flow" target="_blank" rel="noopener noreferrer">
35
  Truy cập Option Flow
36
  </a>
37
  </div>