Style inline usuniecie i wstawienie do css

This commit is contained in:
dm
2025-12-21 17:28:47 +01:00
parent 259ee007db
commit 0d967ea6c8
3 changed files with 37 additions and 65 deletions

View File

@@ -12,31 +12,3 @@ const sorted = cities.sort((a: string, b: any) => a.localeCompare(b, "pl"));
))} ))}
</div> </div>
</div> </div>
<style>
.fuz-cities-box {
background: var(--f-background);
color: var(--f-text);
padding: 16px;
}
.fuz-cities-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 12px;
}
.fuz-cities-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: 6px 14px;
font-size: 0.95rem;
line-height: 1.4;
}
.fuz-city-item {
color: var(--f-text);
}
</style>

View File

@@ -21,10 +21,10 @@ const sectionImages = import.meta.glob<{ default: ImageMetadata }>(
const sectionImage = section.image ? findSectionImage(sectionImages, section.image) : null; const sectionImage = section.image ? findSectionImage(sectionImages, section.image) : null;
const isAboveFold = index === 0; const isAboveFold = index === 0;
// Konfiguracja wyświetlania // Konfiguracja wyświetlania
const showTitle = section.showTitle !== false; // domyślnie true const showTitle = section.showTitle !== false; // domyślnie true
// Formatowanie listy miejscowości jako string // Formatowanie listy miejscowości jako string
const citiesText = cities.join(", "); const citiesText = cities.join(", ");
--- ---
@@ -66,33 +66,6 @@ const citiesText = cities.join(", ");
</a> </a>
</p> </p>
)} )}
<!-- {
section.button && (
<div class="f-section-nav mt-6">
<a href={section.button.url}
class="btn btn-primary"
title={section.button.title}
>
{section.button.text}
</a>
</div>
)
} -->
</div> </div>
</div> </div>
</section> </section>
<!-- <style>
.f-cities-paragraph {
margin-top: 1.5rem;
font-size: 1rem;
line-height: 1.8;
color: var(--f-text, #212529);
}
:global(.dark) .f-cities-paragraph {
color: var(--f-text-dark, #f7fafc);
}
</style> -->

View File

@@ -121,3 +121,30 @@
padding: 0 !important; padding: 0 !important;
background: transparent !important; background: transparent !important;
} }
.fuz-cities-box {
background: var(--f-background);
color: var(--f-text);
padding: 16px;
}
.fuz-cities-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 12px;
}
.fuz-cities-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: 6px 14px;
font-size: 0.95rem;
line-height: 1.4;
}
.fuz-city-item {
color: var(--f-text);
}