open-source/file-online-preview
1
0
Fork 0
mirror of https://gitee.com/kekingcn/file-online-preview.git synced 2026-04-21 07:43:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #737 from kekingcn/codex/fix-index-form-layout

Browse Source 
fix: correct index preview form layout
This commit is contained in:
kl
2026-04-11 21:36:37 +08:00
committed by GitHub
parent 9bdb18d833 d35393ba22
commit b246bfdac7
2 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -547,28 +547,31 @@ a:focus {
} }
.preview-options { .preview-options {
display: flex; display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center; align-items: center;
gap: 12px; gap: 12px;
margin-bottom: 14px; margin-bottom: 14px;
overflow-x: auto; overflow: visible;
padding-bottom: 4px; padding-bottom: 0;
} }
.preview-grid { .preview-grid {
display: flex; display: grid;
flex-wrap: nowrap; grid-template-columns: repeat(5, minmax(108px, 1fr));
gap: 12px; gap: 12px;
margin-bottom: 0; margin-bottom: 0;
overflow: visible; overflow: visible;
padding-bottom: 0; padding-bottom: 0;
flex: 1 1 auto; min-width: 0;
min-width: 620px; width: 100%;
} }
.preview-grid .form-control { .preview-grid .form-control {
flex: 1 1 0; width: 100%;
min-width: 150px; min-width: 0;
padding-left: 16px;
padding-right: 16px;
} }
.preview-switches { .preview-switches {
@@ -578,7 +581,7 @@ a:focus {
margin-bottom: 0; margin-bottom: 0;
overflow: visible; overflow: visible;
padding-bottom: 0; padding-bottom: 0;
flex: 0 0 auto; width: 100%;
} }
.preview-switches label { .preview-switches label {
@@ -586,7 +589,7 @@ a:focus {
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin: 0; margin: 0;
padding: 10px 14px; padding: 10px 12px;
border-radius: 999px; border-radius: 999px;
background: rgba(255, 255, 255, 0.76); background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(17, 19, 21, 0.08); border: 1px solid rgba(17, 19, 21, 0.08);
@@ -1264,6 +1267,10 @@ a:focus {
.archive-grid { .archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
.preview-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -1304,16 +1311,8 @@ a:focus {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.preview-grid {
flex-wrap: wrap;
min-width: 0;
overflow-x: visible;
}
.preview-options { .preview-options {
display: block; grid-template-columns: 1fr;
overflow-x: visible;
padding-bottom: 0;
} }
.preview-url { .preview-url {

6
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/css/bootstrap.min.css"/>
<link rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css"/> <link rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css"/>
<link rel="stylesheet" href="css/theme.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-3.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.form.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> <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
@@ -493,8 +493,8 @@
search: false, search: false,
searchOnEnterKey: false, searchOnEnterKey: false,
showSearchButton: false, showSearchButton: false,
showRefresh: true, showRefresh: false,
showColumns: true, showColumns: false,
clickToSelect: true, clickToSelect: true,
locale: 'zh-CN', locale: 'zh-CN',
columns: [{ columns: [{