@@ -86,8 +86,8 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
86
86
{ anyEnabled && < div className = 'mr-2 mt-3 pb-1 d-flex flex-column' >
87
87
< div className = 'd-flex flex-grid' >
88
88
< div className = { `${ pinned ? "" : "border-dark " } ` + "d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props . classList || '' } data-id = { "remixUIGS" + props . title } >
89
- < div className = "d-flex remixui_grid_cell w-100 flex-column" >
90
- { ! props . hideTitle && < div className = 'd-flex flex-row pb-1 mb -1 align-items-end' style = { { minWidth : '8rem' , height : '1rem' } } >
89
+ < div className = "d-flex remixui_grid_cell w-100 space-between justify-content-between flex-column" >
90
+ { ! props . hideTitle && < div className = 'd-flex flex-row pb-1 my -1 align-items-end' style = { { minWidth : '8rem' , height : '1rem' } } >
91
91
{ props . logo ? props . logoURL !== '' ?
92
92
< a href = { props . logoURL } target = "__blank" >
93
93
< img className = 'remixui_grid_view_logo mr-1' src = { props . logo } style = { { width : '1rem' , height : '1rem' } } />
@@ -110,17 +110,18 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
110
110
}
111
111
</ div > }
112
112
{ props . children }
113
+ { filterCon . showPin && < button
114
+ className = { `${ pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary' } ` + ` fa-regular border-0 p-0 mt-2 align-self-end mr-1 remixui_grid_cell_pin` }
115
+ style = { { fontSize : 'large' } }
116
+ data-id = { `${ pinned ? `${ props . id } -pinned` : `${ props . id } -unpinned` } ` }
117
+ onClick = { async ( ) => {
118
+ if ( ! props . pinStateCallback ) setPinned ( ! pinned )
119
+ if ( await props . pinStateCallback ( ! pinned ) ) setPinned ( ! pinned )
120
+ } }
121
+ > </ button > }
113
122
</ div >
114
123
</ div >
115
- { filterCon . showPin && < button
116
- className = { `${ pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary' } ` + ` fa-regular border-0 mb-0 remixui_grid_cell_pin` }
117
- style = { { fontSize : 'large' } }
118
- data-id = { `${ pinned ? `${ props . id } -pinned` : `${ props . id } -unpinned` } ` }
119
- onClick = { async ( ) => {
120
- if ( ! props . pinStateCallback ) setPinned ( ! pinned )
121
- if ( await props . pinStateCallback ( ! pinned ) ) setPinned ( ! pinned )
122
- } }
123
- > </ button > }
124
+
124
125
{ props . tagList && < div className = { `d-flex flex-column align-items-begin ` + `${ filterCon . showPin ? 'remixui_grid_cell_tags' : 'remixui_grid_cell_tags_no_pin' } ` } >
125
126
{ Object . keys ( props . tagList ) . map ( ( key ) => (
126
127
filterCon . keyValueMap [ props . tagList [ key ] ] ?. enabled && (
0 commit comments