Refactor styles and imports for consistency and maintainability:
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

- **CSS restructuring**: Moved `styles` folder into `src` for better organization.
- **Updated imports**: Adjusted component CSS imports to reflect new paths.
- **Component tweaks**:
  - Increased HoverCard width from `350px` to `400px` for better visual balance.
  - Adjusted Footer layout: reorganized copyright and added email link.
  - Modified Drinks circle dimensions (from `6em` to `9em`) for improved design.
- **Footer styles**: Changed copyright section's layout with top spacing and border adjustments.
This commit is contained in:
k
2025-08-02 13:50:56 +02:00
parent 1a6be67af1
commit 2fab4bf70b
22 changed files with 25 additions and 30 deletions

View File

@ -1,14 +1,12 @@
---
// src/components/Footer.astro
import "/styles/components/Footer.css"
import "../styles/components/Footer.css"
const currentYear = new Date().getFullYear();
---
<footer class="footer">
<div class="footer-content">
<div class="copyright">
&copy; {currentYear} Gallus Pub. Alle Rechte vorbehalten.
</div>
<div class="footer-sections">
<div class="footer-section">
@ -24,8 +22,8 @@ const currentYear = new Date().getFullYear();
<p>Gallus Pub</p>
<p>Metzgergasse 13</p>
<p>9000 St. Gallen</p>
<p>Reservierungen via Whatsapp</p>
<p><a href="tel:0772322770">077 232 27 70</a></p>
<p><a href="mailto:info@gallus-pub.ch">info@gallus-pub.ch</a></p>
</div>
<div class="footer-section">
@ -33,12 +31,12 @@ const currentYear = new Date().getFullYear();
<p>Du planst einen Event?</p>
<p>Der "St.Gallerruum" im 2.OG</p>
<p>kann gemietet werden.</p>
<br/>
<p>Gerne öffnen wir auf Anfrage</p>
<p>auch ausserhalb unserer</p>
<p>Betriebszeiten.</p>
<p>Reservierungen via Whatsapp</p>
</div>
</div>
<div class="copyright">
&copy; {currentYear} Gallus Pub. Alle Rechte vorbehalten.
</div>
</div>
</footer>