返回提交历史
Modified
g4f/gui/client/static/css/style.css
+86
-1
XFEstudio/gpt4free
feat(g4f/gui/client/static/css/style.css): add image modal and navigation controls
1b492f42
代码差异
1 个文件
+86
-1
@@ -474,7 +474,6 @@ body {
474
474
475
475
.stop_generating, .toolbar .regenerate {
476
476
position: absolute;
477
z-index: 1000000;
478
477
top: 0;
479
478
right: 0;
480
479
}
@@ -1118,6 +1117,92 @@ a:-webkit-any-link {
1118
1117
display: none;
1119
1118
}
1120
1119
1120
.album-image {
1121
width: 100px;
1122
height: auto;
1123
margin: 5px;
1124
display: inline-block;
1125
}
1126
1127
.modal {
1128
display: none;
1129
position: fixed;
1130
z-index: 1;
1131
left: 0;
1132
top: 0;
1133
width: 100%;
1134
height: 100%;
1135
overflow: hidden;
1136
background-color: rgba(0,0,0,0.9);
1137
}
1138
1139
.modal-content {
1140
margin: auto;
1141
display: block;
1142
max-width: 80%;
1143
max-height: 80%;
1144
transition: transform 0.2s;
1145
}
1146
1147
.close {
1148
position: absolute;
1149
top: 15px;
1150
right: 35px;
1151
color: #f1f1f1;
1152
font-size: 40px;
1153
font-weight: bold;
1154
transition: 0.3s;
1155
}
1156
1157
.close:hover,
1158
.close:focus {
1159
color: #bbb;
1160
text-decoration: none;
1161
cursor: pointer;
1162
}
1163
1164
1165
.image-counter {
1166
color: #fff;
1167
font-size: 18px;
1168
margin: auto 10px;
1169
user-select: none;
1170
}
1171
1172
.nav-button {
1173
background-color: #555;
1174
color: #fff;
1175
border: none;
1176
padding: 10px;
1177
font-size: 20px;
1178
cursor: pointer;
1179
}
1180
1181
.nav-button:hover {
1182
background-color: #777;
1183
}
1184
1185
.nav-button {
1186
position: relative;
1187
}
1188
1189
.nav-button.left {
1190
left: 0;
1191
}
1192
1193
.nav-button.right {
1194
right: 0;
1195
}
1196
1197
.navigation-controls {
1198
position: absolute;
1199
bottom: 20px;
1200
left: 50%;
1201
transform: translateX(-50%);
1202
display: flex;
1203
gap: 10px;
1204
}
1205
1121
1206
.blink {
1122
1207
animation: blinker 1s step-start infinite;
1123
1208
}