barunespadhy/rangolio
barunespadhy/rangolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed small issues with rendering and accessibility fixes

Browse Source
This commit is contained in:
Barunes Padhy 2024-06-27 18:38:49 +03:00
parent c4e5349689
commit e7ba738686
2 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/viewable-ui/src/components/blog-list.jsx
View File

@ -70,7 +70,7 @@ function BlogList(props) {
<Row> <Row>
{categoryData ? {categoryData ?
categoryData.blogMetadata.map((item) => ( categoryData.blogMetadata.map((item) => (
<Col key={item.blog_id}> <Col key={`blogitem.${item.blog_id}`}>
<div className={`p-2 ml-2 ${ThemeConfig[GlobalTheme].textColor}`}> <div className={`p-2 ml-2 ${ThemeConfig[GlobalTheme].textColor}`}>
<CardListViewer <CardListViewer
totalItems={categoryData.blogMetadata.length} totalItems={categoryData.blogMetadata.length}

27
frontend/viewable-ui/src/components/shared/navbar.jsx
View File

@ -1,7 +1,6 @@
// Update import paths based on your Argon source location // Update import paths based on your Argon source location
import { import {
Navbar, Navbar,
NavbarBrand,
Nav, Nav,
NavItem, NavItem,
Container, Container,
@ -36,20 +35,18 @@ function Header(props) {
<Navbar className={`navbar-horizontal ${ThemeConfig[GlobalTheme].navBar['navBarTheme']} ${ThemeConfig[GlobalTheme].navBar['background']}`} <Navbar className={`navbar-horizontal ${ThemeConfig[GlobalTheme].navBar['navBarTheme']} ${ThemeConfig[GlobalTheme].navBar['background']}`}
expand='lg'> expand='lg'>
<Container> <Container>
<NavbarBrand> {
{ UserData.profilePhoto !== '' ?
UserData.profilePhoto !== '' ? <img
<img style={{ width: '40px', height: '40px', objectFit: 'cover', 'marginRight': '10px' }}
style={{ width: '40px', height: '40px', objectFit: 'cover', 'marginRight': '10px' }} className='rounded-circle'
className='rounded-circle' alt={UserData.name}
alt={UserData.name} src={MediaService.getMedia(UserData.profilePhoto)}
src={MediaService.getMedia(UserData.profilePhoto)} /> : ''
/> : '' }
} <Button onClick={() => navigate('/')} aria-label='Go to Home page' color={`${ThemeConfig ? ThemeConfig[GlobalTheme].navBar['buttonColor'] : ''}`} size='lg'>
<Button onClick={() => navigate('/')} aria-label='Go to Home page' color={`${ThemeConfig ? ThemeConfig[GlobalTheme].navBar['buttonColor'] : ''}`} size='lg'> { UserData ? UserData.name : <Spinner> Loading... </Spinner> }
{ UserData ? UserData.name : <Spinner> Loading... </Spinner> } </Button>
</Button>
</NavbarBrand>
<Nav className='ml-lg-auto' navbar> <Nav className='ml-lg-auto' navbar>
<NavItem> <NavItem>
<ButtonGroup style={{marginTop: '15px', marginBottom: '15px'}}> <ButtonGroup style={{marginTop: '15px', marginBottom: '15px'}}>