1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- import {
- IonImg,
- IonContent,
- IonHeader,
- IonPage,
- IonToolbar,
- IonFooter,
- IonGrid,
- IonRow,
- IonCol,
- IonButtons,
- IonBackButton,
- } from '@ionic/react';
- import './ListCapsules.css';
- import EnciclopediaPR from '../assets/EnciclopediaPR.png';
- import SearchBar from '../components/CapsuleSearchBar';
-
- const ListCapsules: React.FC = () => {
- return (
- <IonPage>
- <IonHeader>
- <IonToolbar className="Header-Color">
- <IonGrid fixed={true}>
- <IonRow>
- <IonCol></IonCol>
- <IonCol>
- <IonImg style={{ height: 50, width: 100 }} src={EnciclopediaPR} alt='Logo'></IonImg>
-
- </IonCol>
- <IonCol></IonCol>
- </IonRow>
- </IonGrid>
- </IonToolbar>
- </IonHeader>
-
- <IonContent fullscreen>
- <SearchBar></SearchBar>
- </IonContent>
-
- <IonFooter>
- <IonToolbar className="Footer-Color">
- <div className='Item-Center'>
- <IonButtons slot="start">
- <IonBackButton defaultHref="/home"></IonBackButton>
- </IonButtons>
- </div>
- </IonToolbar>
- </IonFooter>
- </IonPage>
- );
- };
-
- export default ListCapsules;
|