Hugging Face's logo

Spaces:
QuanTH02
/
Project_MLops
Sleeping

App Files Community
Project_MLops
File size: 2,372 Bytes 
e964b12
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
 
::-webkit-scrollbar {
    width: 0; /* Ẩn thanh cuộn ngang */
    height: 0; /* Ẩn thanh cuộn dọc */
}

body {
    overflow: scroll; /* Đảm bảo nội dung có thể cuộn */
}

button:hover {
    cursor: pointer;
}

.ul-nav {
    text-align: center;
    padding-left: 0px;
}

.li-nav{
    display:inline-block;
    padding: 20px 40px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 30px;   
    transition: transform 0.3s ease;
}

.li-nav:hover {
    transform: translateY(-5px);
}

.a-nav {
    text-decoration: none;
    color: black;
    background-color: none;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 600;
}

.a-nav:hover {
    color: rgb(53, 53, 53);
}

.nav-bar {
    background-color: aliceblue;
}

.body-content {
    width: 75% !important;
    height: 75% !important;
    margin: auto;
}

/* .draw {
    display: flex !important;
}

.canvas-chart-all {
    width: 700px !important;
    height: 350px !important;
} */

#plot ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 50px;
}

.li-nav {
    position: relative;
    display: inline-block;
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -110px;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 300px;
}

.dropdown li {
    display: block;
    text-align: center;
}

.dropdown li button {
    width: 100%;
    padding: 10px;
    text-decoration: none;
    display: block;
    background-color: #f9f9f9;
    font-size: 20px;
    border: none;
    text-align: center !important;
}

.dropdown li button:hover {
    background-color: #ddd;
}

.li-nav:hover .dropdown {
    display: block;
}

#div-chart-img {
    text-align: center;
}

img {
    width: 60%;
}

.body-data table {
    margin: 40px 40px;
}

.body-data th,.body-data td {
    text-align: center;
}

.body-data table,.body-data th,.body-data tr,.body-data td {
    padding: 5px;
    border: 1px solid black;
    border-collapse: collapse;
}

#table-predict-div table {
    margin: 40px 40px;
}

#table-predict-div th,#table-predict-div td {
    text-align: center;
}

#table-predict-div table, #table-predict-div th, #table-predict-div tr, #table-predict-div td {
    padding: 5px;
    border: 1px solid black;
    border-collapse: collapse;
}

.th_genres {
    width: 600px;
}