correcciones de el header

components/layouts/header.js

@@ -2,37 +2,23 @@ import Image from "next/image";
 import LogoUnam from "./../../public/Logo-UNAM.png";
 import LogoFes from "./../../public/logo_fesa.png";
 import styles from "../../styles/default.module.css";
-import { Container, Row, Col } from "react-bootstrap";
-
+import { Container, Row, Col,Stack } from "react-bootstrap";
 function Header() {
-  return (
-    <div
-      className={`${styles.divMaster} container-fluid ${styles.header} cl-12 ${styles.azulUnam}`}
-    >
-      <Container>
-        <div
-          className={`${styles.logo_unam} col-4 d-inline-flex `}
-        >
-          <a href="https://www.unam.mx/" target="_blank" rel="noreferrer">
-            <Image className="mt-1" src={LogoUnam} alt="logo unam" />
-          </a>
-        </div>
-
-        <div
-          className={`${styles.logo_acatlan}  col-4 offset-4 d-inline-flex justify-content-end `}
-        >
-          <a
-            href="https://www.acatlan.unam.mx/"
-            target="_blank"
-            rel="noreferrer"
-          >
-            <Image src={LogoFes} alt="logo fes" />
-          </a>
-        </div>
+    return (
+        <div className={`${styles.azulUnam}`}>
+        <Stack direction="horizontal" gap={3}>
+        <div className=""><Image src={LogoUnam} width="183" height="55"/></div>
+        <div className="ms-auto"><Image  src={LogoFes} width="220" height="52"/></div>
+        </Stack>
         
-      </Container>
-    </div>
-  );
+        </div>
+    )
 }
-
 export default Header;
+/*
+
+                    <Image src={LogoUnam} width="183" height="55"/>
+          
+                               
+                    <Image  src={LogoFes} width="227" height="52"/>
+                    */

components/layouts/header2.js

@@ -1,18 +0,0 @@
-import Image from "next/image";
-import LogoUnam from "./../../public/Logo-UNAM.png";
-import LogoFes from "./../../public/logo_fesa.png";
-import styles from "../../styles/default.module.css";
-import { Container, Row, Col } from "react-bootstrap";
-function Header() {
-    return (
-        <div className={`${styles.azulUnam}`}>
-        <Container>
-            <Row>
-            <Col><Image className={`${styles.logo_unam}`}  src={LogoUnam} /></Col>
-            <Col><Image className={`${styles.logo_acatlan}`} src={LogoFes}/></Col>
-            </Row>
-        </Container>
-        </div>
-    )
-}
-export default Header;

pages/operador.js

@@ -1,6 +1,6 @@
 import styles from "../styles/admin.module.css";
 import Layout from '../components/layouts/layout';
-import Qr from '../components/qr';
+import Qr from '../components/operador/qr';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import Head from 'next/head';
 import { Container, Row, Col,Form,Button,P } from "react-bootstrap";

styles/default.module.css

@@ -4,7 +4,10 @@
   }
 .azulUnam {
   background-color: #1e3c70;
-  height: 7rem;
+  padding-top: 2%;
+  padding-bottom:2%;
+  padding-left: 6%;
+  padding-right: 6%;
 }
 .contenedor{
   height: 3rem;
@@ -19,6 +22,9 @@
 .logo_acatlan {
   background-color: #1e3c70;
 }
+.imagen{
+  background-color: #1e3c70;
+}