Hugging Face's logo

Spaces:
GXSNetwork
/
BaotonDaiduong
Sleeping

App Files Community
BaotonDaiduong
File size: 2,617 Bytes 
65bffa4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
.header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 2rem;
  z-index: 1000;
  align-items: center;
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #090909;
  padding: 10px;
  border-radius: 17px;
}

.logo img {
  height: 30px; /* Adjust this value to match your logo's height */
  width: auto;
}

.header nav ul {
  list-style-type: none;
  display: flex;
  gap: 5rem;
  margin: 0;
  padding: 0;
}

.header nav ul li a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

.connect-wallet, .wallet-address, .disconnect-wallet {
  padding: 0.5rem 1rem; /* Sama untuk keduanya */
  font-size: 15px; /* Sesuaikan ukuran font biar sama */
  border-radius: 10px;
  display: inline-block;
  line-height: 1.5; /* Atur line-height supaya tinggi teksnya sesuai */
  cursor: pointer;
}

.connect-wallet {
  background-color: #003D6D;
  color: white;
  border: none;
}

.wallet-address {
  background-color: #003D6D;
  color: white;
  font-weight: bold;
}

.disconnect-wallet {
  background-color: #75140d; /* red */
  color: white;
  border: none;
}

.main-content {
  padding-top: 100px; /* Adjust this value based on the height of your header */
}

/* Modal Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75); /* Warna hitam transparan untuk background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001; /* Lebih tinggi dari header */
}

/* Modal Content */
.modal {
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  width: 90%;
  max-width: 400px; /* Batas lebar modal */
  text-align: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.modal h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #333;
}

.modal p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  color: #555;
}

/* Modal Buttons */
.modal-buttons {
  display: flex;
  justify-content: space-around;
}

.modal-confirm, .modal-cancel {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modal-confirm {
  background-color: #75140d; /* Warna merah untuk tombol konfirmasi */
  color: #fff;
  border: none;
}

.modal-confirm:hover {
  background-color: #a32a1c;
}

.modal-cancel {
  background-color: #ddd;
  color: #333;
  border: none;
}

.modal-cancel:hover {
  background-color: #ccc;
}