MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

decades and awards words are removed

Browse Source
This commit is contained in:
akash 2025-08-22 12:15:12 +05:30
commit 9707b1c982
2 changed files with 38 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/HeaderTopbar/HeaderTopbar.js
View File

@ -5,21 +5,32 @@ import Link from 'next/link'
import Logo from '/public/images/logo.png' import Logo from '/public/images/logo.png'
import Image from 'next/image' import Image from 'next/image'
import { useTranslation } from 'next-i18next' import { useTranslation } from 'next-i18next'
import { changeLanguage } from '../../utils/commonFunction.utils'
import { useRouter } from 'next/router'
const HeaderTopbar = () => { const HeaderTopbar = () => {
const { t } = useTranslation('common') const { t } = useTranslation('common')
const router = useRouter()
const handleLanguageChange = () => {
changeLanguage(router, 'es'); // always switch to Spanish
};
return ( return (
<> <>
<div <div
className="header-top py-2 d-none d-lg-block" className="header-top py-2 "
style={{ style={{
background: 'linear-gradient(90deg, #C12026 11.32%, #E14448 95.28%)', background: 'linear-gradient(90deg, #C12026 11.32%, #E14448 95.28%)',
}} }}
> >
<div className="container-fluid"> <div className="container-fluid">
<div className="text-center" style={{ color: 'white' }}> <div className='d-flex justify-content-center align-items-center gap-5 flex-wrap'>
Para cambiar al español, haz clic en la opción en la parte inferior derecha del encabezado. <div className="text-center" style={{ color: 'white' }}>
Haz clic en el botón para cambiar a español.
</div>
<button onClick={handleLanguageChange} className='white-button'>Haz clic aquí</button>
</div> </div>
</div> </div>
</div> </div>

38
styles/sass/layout/_header.scss
View File

@ -2025,29 +2025,39 @@
.responsivemenu a:not([href]):not([class]):hover { .responsivemenu a:not([href]):not([class]):hover {
color: #ddd; color: #ddd;
} }
.responsive-entry-media { .responsive-entry-media {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio:28 / 9; aspect-ratio: 28 / 9;
overflow: hidden; overflow: hidden;
} }
.responsive-entry-media img { .responsive-entry-media img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
.responsive-entry-media2 { .responsive-entry-media2 {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio:3 / 2; aspect-ratio: 3 / 2;
overflow: hidden; overflow: hidden;
} }
.responsive-entry-media2 img { .responsive-entry-media2 img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
.white-button {
border: none;
background-color: white;
color: #c12026;
border-radius: 2px;
padding: 5px 10px;
font-size: 16px;
font-weight: bold;
}