mirror of
https://github.com/lxsang/antos-frontend.git
synced 2024-12-26 17:38:20 +01:00
improve file icon view
This commit is contained in:
parent
b026b96bf2
commit
0b80a29d00
@ -4,12 +4,7 @@ afx-file-view afx-label.status{
|
||||
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul li{
|
||||
width:70px;
|
||||
/*height: 60px;*/
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
|
||||
background-color: transparent;
|
||||
@ -17,7 +12,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
|
||||
afx-file-view afx-list-view i.dir:before{
|
||||
content: "\f07b";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 32px;
|
||||
font-size: 35px;
|
||||
color: #76D2F9;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
@ -31,7 +26,7 @@ afx-file-view afx-list-view i{
|
||||
afx-file-view afx-list-view i.file:before{
|
||||
content: "\f016";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 28px;
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
@ -39,13 +34,11 @@ afx-file-view afx-list-view i.file:before{
|
||||
|
||||
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
afx-file-view afx-list-view div.list-container > ul li.selected i.label-text {
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
afx-file-view afx-grid-view{
|
||||
padding:0;
|
||||
}
|
||||
|
@ -3,12 +3,7 @@ afx-file-view afx-label.status{
|
||||
border-top: 1px solid #cbcbcb;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul li{
|
||||
width:70px;
|
||||
/*height: 60px;*/
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
|
||||
background-color: transparent;
|
||||
@ -16,7 +11,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
|
||||
afx-file-view afx-list-view i.dir:before{
|
||||
content: "\f07b";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 32px;
|
||||
font-size: 35px;
|
||||
color: #76D2F9;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
@ -30,16 +25,12 @@ afx-file-view afx-list-view i{
|
||||
afx-file-view afx-list-view i.file:before{
|
||||
content: "\f016";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 28px;
|
||||
color: #414339;
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
afx-file-view afx-list-view div.list-container > ul li.selected i.label-text {
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 6px;
|
||||
|
@ -8,6 +8,7 @@ afx-sys-panel .afx-panel-os-menu button
|
||||
background-color: #e7414d;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
afx-sys-panel .afx-panel-os-menu button .label-text
|
||||
|
@ -11,12 +11,22 @@ afx-file-view afx-list-view > div.list-container > ul
|
||||
{
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
/*justify-content: center;*/
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul li afx-label{
|
||||
height: 100%;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul li{
|
||||
float:left;
|
||||
/*display: block;*/
|
||||
width:80px;
|
||||
max-height: 80px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
afx-file-view afx-list-view i{
|
||||
display: block;
|
||||
}
|
||||
@ -28,6 +38,9 @@ afx-file-view afx-list-view i.label-text{
|
||||
afx-file-view afx-list-view afx-label span
|
||||
{
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
afx-file-view afx-grid-view i{
|
||||
|
Loading…
Reference in New Issue
Block a user