open-source/file-online-preview
1
0
Fork 0
mirror of https://gitee.com/kekingcn/file-online-preview.git synced 2026-04-17 22:03:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: keep preview parameters on one row

Browse Source
This commit is contained in:
chenkailing
2026-04-11 21:12:06 +08:00
parent 9bdb18d833
commit c893dd7095
2 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
server/src/main/resources/static/css/main-pages.css
View File

@@ -547,28 +547,29 @@ a:focus {
}
.preview-options {
display: flex;
align-items: center;
display: grid;
grid-template-columns: 1fr;
align-items: stretch;
gap: 12px;
margin-bottom: 14px;
overflow-x: auto;
padding-bottom: 4px;
overflow: visible;
padding-bottom: 0;
}
.preview-grid {
display: flex;
flex-wrap: nowrap;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin-bottom: 0;
overflow: visible;
padding-bottom: 0;
flex: 1 1 auto;
min-width: 620px;
min-width: 0;
width: 100%;
}
.preview-grid .form-control {
flex: 1 1 0;
min-width: 150px;
width: 100%;
min-width: 0;
}
.preview-switches {
@@ -578,7 +579,7 @@ a:focus {
margin-bottom: 0;
overflow: visible;
padding-bottom: 0;
flex: 0 0 auto;
width: 100%;
}
.preview-switches label {
@@ -1264,6 +1265,10 @@ a:focus {
.archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.preview-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
}
@media (max-width: 768px) {
@@ -1304,16 +1309,8 @@ a:focus {
grid-template-columns: 1fr;
}
.preview-grid {
flex-wrap: wrap;
min-width: 0;
overflow-x: visible;
}
.preview-options {
display: block;
overflow-x: visible;
padding-bottom: 0;
grid-template-columns: 1fr;
}
.preview-url {

2
server/src/main/resources/web/main/index.ftl
View File

@@ -12,7 +12,7 @@
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css"/>
<link rel="stylesheet" href="css/theme.css"/>
<link rel="stylesheet" href="css/main-pages.css?v=v1-polish-20260411-3"/>
<link rel="stylesheet" href="css/main-pages.css?v=v1-polish-20260411-5"/>
<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.form.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>