pull/216/head
BingoKingo 2020-05-02 14:14:34 +08:00
parent 24eafc6fb9
commit a75f67af48
3 changed files with 3 additions and 18 deletions

View File

@ -38,7 +38,7 @@
.list-table td.updated_at,.list-table th.updated_at{width:15%;}
.list-table td.file,.list-table th.file{width:70%;}
.list-table td.size,.list-table th.size{width:10%;}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px;white-space:nowrap;overflow:auto}
.list-table td button,.list-table th button{border-radius:16px;transition-duration: 0.3s;cursor:pointer;color:#24292e;height:24px;padding: 0 8px;background:transparent;border:1px solid rgba(27,31,35,0);font-weight:bold;}
.list-table td button:hover,.list-table th button:hover{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);}
.list-table .size,.list-table .updated_at{text-align:right}
@ -60,32 +60,27 @@
.list-wrapper{width:96%; margin:0 auto 10px;}
.list-table {padding:8px}
.list-table td.file,.list-table th.file{width:95%;}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
.size, .updated_at{display:none}
}
@media only screen and (max-width:1152px){
.list-table td.file,.list-table th.file{width:calc(95% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:925px){
.list-table td.file,.list-table th.file{width:calc(94% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:781px){
.list-table td.file,.list-table th.file{width:calc(93% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:679px){
.list-table td.file,.list-table th.file{width:calc(92% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
</style>
</head>

View File

@ -38,7 +38,7 @@
.list-table td.updated_at,.list-table th.updated_at{width:15%;}
.list-table td.file,.list-table th.file{width:70%;}
.list-table td.size,.list-table th.size{width:10%;}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px;white-space:nowrap;overflow:auto}
.list-table td button,.list-table th button{border-radius:16px;transition-duration: 0.3s;cursor:pointer;color:#24292e;height:24px;padding: 0 8px;background:transparent;border:1px solid rgba(27,31,35,0);font-weight:bold;}
.list-table td button:hover,.list-table th button:hover{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);} .list-table .size,.list-table .updated_at{text-align:right}
.mask{position:absolute;left:0px;top:0px;width:100%;background-color:#000;filter:alpha(opacity=20);opacity:0.2;z-index:2;}
@ -59,32 +59,27 @@
.list-wrapper{width:96%; margin:0 auto 10px;}
.list-table {padding:8px}
.list-table td.file,.list-table th.file{width:95%;}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
.size, .updated_at{display:none}
}
@media only screen and (max-width:1152px){
.list-table td.file,.list-table th.file{width:calc(95% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:925px){
.list-table td.file,.list-table th.file{width:calc(94% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:781px){
.list-table td.file,.list-table th.file{width:calc(93% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:679px){
.list-table td.file,.list-table th.file{width:calc(92% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
</style>
</head>

View File

@ -39,7 +39,7 @@
.list-table td.updated_at,.list-table th.updated_at{width:15%;}
.list-table td.file,.list-table th.file{width:70%;}
.list-table td.size,.list-table th.size{width:10%;}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px}
.list-table td,.list-table th{padding:0 8px;text-align:left;float:left;line-height:32px;white-space:nowrap;overflow:auto}
.list-table td button,.list-table th button{border-radius:16px;transition-duration: 0.3s;cursor:pointer;color:#24292e;height:24px;padding: 0 8px;background:transparent;border:1px solid rgba(27,31,35,0);font-weight:bold;}
.list-table td button:hover,.list-table th button:hover{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);} .mask{position:absolute;left:0px;top:0px;width:100%;background-color:#000;filter:alpha(opacity=20);opacity:0.2;z-index:2;}
<?php if ($_SERVER['admin']) { ?>
@ -59,32 +59,27 @@
.list-wrapper{width:96%; margin:0 auto 10px;}
.list-table {padding:8px}
.list-table td.file,.list-table th.file{width:95%;}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
.size, .updated_at{display:none}
}
@media only screen and (max-width:1152px){
.list-table td.file,.list-table th.file{width:calc(95% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:925px){
.list-table td.file,.list-table th.file{width:calc(94% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:781px){
.list-table td.file,.list-table th.file{width:calc(93% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
@media only screen and (max-width:679px){
.list-table td.file,.list-table th.file{width:calc(92% - 220px)}
.size{width:140px}
.updated_at{width:70px}
.list-table td, .list-table th{white-space:nowrap;overflow:auto}
}
</style>
</head>