Hugging Face's logo

Spaces:
Aleksmorshen
/
Localbase3
Running

App Files Community
Aleksmorshen commited on
Commit
ed562c1
·
verified ·
1 Parent(s): bbc0d74

Update styles.css

Browse files
Files changed (1) hide show
  1. styles.css +35 -12
styles.css CHANGED
@@ -86,29 +86,52 @@ tr:hover {
86
  cursor: pointer;
87
  }
88
 
89
- .context-menu {
90
  display: none;
91
- position: absolute;
92
- background-color: #333;
93
- border: 1px solid #444;
94
- border-radius: 5px;
95
- box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
 
 
 
96
  z-index: 1000;
97
  }
98
 
99
- .context-menu button {
 
 
 
 
 
 
 
 
 
 
 
 
100
  display: block;
101
  width: 100%;
 
102
  padding: 10px;
103
- text-align: left;
104
- background-color: transparent;
105
  border: none;
106
- color: #fff;
107
  cursor: pointer;
108
  }
109
 
110
- .context-menu button:hover {
111
- background-color: #444;
 
 
 
 
 
 
 
 
112
  }
113
 
114
  .cart {
 
86
  cursor: pointer;
87
  }
88
 
89
+ .modal {
90
  display: none;
91
+ position: fixed;
92
+ top: 0;
93
+ left: 0;
94
+ width: 100%;
95
+ height: 100%;
96
+ background-color: rgba(0, 0, 0, 0.7);
97
+ justify-content: center;
98
+ align-items: center;
99
  z-index: 1000;
100
  }
101
 
102
+ .modal-content {
103
+ background-color: #222;
104
+ padding: 20px;
105
+ border-radius: 10px;
106
+ text-align: center;
107
+ width: 300px;
108
+ }
109
+
110
+ .modal-content h2 {
111
+ margin-top: 0;
112
+ }
113
+
114
+ .modal-content button {
115
  display: block;
116
  width: 100%;
117
+ margin: 10px 0;
118
  padding: 10px;
119
+ font-size: 16px;
 
120
  border: none;
121
+ border-radius: 5px;
122
  cursor: pointer;
123
  }
124
 
125
+ .modal-content button:hover {
126
+ opacity: 0.9;
127
+ }
128
+
129
+ .close {
130
+ position: absolute;
131
+ top: 10px;
132
+ right: 10px;
133
+ font-size: 24px;
134
+ cursor: pointer;
135
  }
136
 
137
  .cart {