libreria-astro-lefebvre 0.2.35 → 0.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Astro/Cabecera_2027_Guadalajara.astro +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "libreria-astro-lefebvre",
3
- "version": "0.2.35",
3
+ "version": "0.2.36",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
package/src/components/Astro/Cabecera_2027_Guadalajara.astro CHANGED
@@ -105,18 +105,18 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
105
105
  ---
106
106
 
107
107
  <header class="sticky top-0 w-full font-body bg-[rgba(250,250,245,0.80)] backdrop-blur-lg z-50 flex flex-col justify-center align-center items-center p-0">
108
- <div class="px-4 [@media(min-width:992px)]:px-8 py-3 [@media(min-width:992px)]:py-1 w-full">
108
+ <div class="px-4 lg:px-8 py-3 lg:py-1 w-full">
109
109
 
110
110
  <div class="max-w-[1376px] flex items-center justify-between gap-2 mx-auto p-2">
111
- <div class="flex items-center gap-3 min-w-0">
111
+ <div class="flex flex-col items-start gap-1 min-w-0">
112
112
  <a href="https://lefebvre.es" class="flex items-center shrink-0">
113
113
  <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" class="h-7 w-auto" alt="Lefebvre" width="104" height="28" loading={loading}>
114
114
  </a>
115
115
  {firstItem && (
116
- <a href={firstItem.link} target={firstItem.target ?? '_self'} class={`${firstItemClass} min-w-0 truncate [@media(min-width:992px)]:hidden`}>{firstItem.name}</a>
116
+ <a href={firstItem.link} target={firstItem.target ?? '_self'} class={`${firstItemClass} min-w-0 max-w-full truncate lg:hidden`}>{firstItem.name}</a>
117
117
  )}
118
118
  </div>
119
- <div class="flex items-center gap-2 shrink-0 [@media(min-width:992px)]:hidden">
119
+ <div class="flex items-center gap-2 shrink-0 lg:hidden">
120
120
  {label && (
121
121
  <div class="flex items-center gap-4">
122
122
  <a href={url} class={ctaClass}>{label}</a>
@@ -136,7 +136,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
136
136
 
137
137
  </div>
138
138
  </div>
139
- <nav class="hidden [@media(min-width:992px)]:block w-full px-8">
139
+ <nav class="hidden lg:block w-full px-8">
140
140
  <div class="max-w-[1376px] flex items-center gap-6 mx-auto">
141
141
  <ul class="flex items-center justify-start">
142
142
  {categories.map((category, index) => {
@@ -188,7 +188,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
188
188
  </div>
189
189
  </nav>
190
190
 
191
- <nav class="hidden [@media(min-width:992px)]:hidden w-full bg-white border-[#e1c8b4]" id="navbar-default">
191
+ <nav class="hidden lg:hidden w-full bg-white border-[#e1c8b4]" id="navbar-default">
192
192
  <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
193
193
 
194
194
  <div class="w-full">