Skip to content

Commit 4c4556d

Browse files
committed
feat: add slcomp logo and github link to header
- add slcomp logo to the left of the title - add github link to the right of the filters - update styling for better visual appeal
1 parent 5db7106 commit 4c4556d

File tree

1 file changed

+21
-1
lines changed

1 file changed

+21
-1
lines changed

dashboard/src/App.tsx

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -229,7 +229,11 @@ const App: React.FC = () => {
229229
<Box sx={{ flexGrow: 1 }}>
230230
<AppBar position="static" color="transparent" elevation={0}>
231231
<Toolbar>
232-
<Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: 0.5 }}>The LaStBeRu Explorer</Typography>
232+
{/* Logo SLComp à esquerda */}
233+
<Box sx={{ display:'flex', alignItems:'center', mr:1 }}>
234+
<img src="https://raw.githubusercontent.com/CosmoObs/slcomp/refs/heads/main/.figures/slcomp.png" alt="SLComp Logo" style={{ height:32, width:80, marginRight:8, borderRadius:1, background:'#000000ff' }} />
235+
<Typography variant="h6" sx={{ fontWeight: 600, letterSpacing: 0.5 }}>The LaStBeRu Explorer</Typography>
236+
</Box>
233237
<Box flexGrow={1} />
234238
<Tooltip title="Filters">
235239
<IconButton color="primary" onClick={handleDrawerToggle} size="small"><FilterAltIcon /></IconButton>
@@ -239,6 +243,22 @@ const App: React.FC = () => {
239243
<IconButton color="inherit" onClick={resetFilters} size="small" disabled={filters === initialFilters}><ClearAllIcon /></IconButton>
240244
</span>
241245
</Tooltip>
246+
{/* Botão GitHub à direita */}
247+
<Box sx={{ ml:2 }}>
248+
<Tooltip title="slcomp Repository">
249+
<IconButton
250+
color="inherit"
251+
component="a"
252+
href="https://github.com/CosmoObs/slcomp"
253+
target="_blank"
254+
rel="noopener noreferrer"
255+
size="small"
256+
sx={{ p:0.0 }}
257+
>
258+
<img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style={{ height:28, width:28, borderRadius:'50%' }} />
259+
</IconButton>
260+
</Tooltip>
261+
</Box>
242262
</Toolbar>
243263
</AppBar>
244264
<Container maxWidth="xl" sx={{ py: 3 }}>

0 commit comments

Comments
 (0)