File tree 2 files changed +33
-11
lines changed
FolderView/FolderFileCard
2 files changed +33
-11
lines changed Original file line number Diff line number Diff line change 134
134
grid-area : preview;
135
135
aspect-ratio : 1 / 1 ;
136
136
background-color : var (--card-preview-bg-color );
137
- border-top-left-radius : inherit ;
138
- border-top-right-radius : inherit ;
137
+ border-top-left-radius : var ( --style-radius-s ) ;
138
+ border-top-right-radius : var ( --style-radius-s ) ;
139
139
border-bottom : 1px solid var (--card-border-color );
140
140
display : grid ;
141
141
align-items : center ;
142
142
justify-content : center ;
143
143
pointer-events : none ;
144
+ grid-template-columns : auto 50% auto ;
145
+
146
+ & :has (.thumbnail ) {
147
+ grid-template-columns : unset ;
148
+ }
149
+
150
+ > .icon {
151
+ grid-column : 2 ;
152
+ }
144
153
145
154
.icon--document {
146
155
pointer-events : none ;
153
162
.thumbnail {
154
163
width : 100% ;
155
164
height : 100% ;
165
+ position : relative ;
166
+ border-radius : inherit ;
167
+ > img {
168
+ position : absolute ;
169
+ top : 0 ;
170
+ left : 0 ;
171
+ bottom : 0 ;
172
+ right : 0 ;
173
+ width : 100% ;
174
+ height : 100% ;
175
+ object-fit : cover ;
176
+ border-radius : inherit ;
177
+ }
156
178
}
157
179
158
180
& :has (.thumbnail ) {
Original file line number Diff line number Diff line change 43
43
tr {
44
44
position : relative ;
45
45
& :nth-child (odd ) {
46
- & :after {
47
- content : ' ' ;
48
- position : absolute ;
49
- left : 0 ;
50
- top : 0 ;
51
- width : 100 % ;
52
- background : var ( --theme-elevation-50 );
53
- height : 100 % ;
54
- border-radius : var ( --style- radius-s ) ;
46
+ background : var ( --theme-elevation-50 );
47
+ border-radius : var ( --style-radius-s ) ;
48
+ td :first-child {
49
+ border-top- left-radius : inherit ;
50
+ border-bottom-left-radius : inherit ;
51
+ }
52
+ td :last-child {
53
+ border-top-right-radius : inherit ;
54
+ border-bottom-right- radius : inherit ;
55
55
}
56
56
}
57
57
}
You can’t perform that action at this time.
0 commit comments