Kenzo/Gallus_Pub
2
1
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Refine Drinks section text and styling:
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source 
- **Content updates**: Adjusted description text for a more engaging and detailed presentation.
- **Styling changes**: Reduced title margin, enlarged circle dimensions for better visual balance, and added spacing to card links.
- **Layout improvements**: Removed redundant whiskey circle styles for cleaner CSS.
This commit is contained in:
k
2025-08-02 15:54:09 +02:00
parent a11c838d2a
commit 38229ac5e9
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Drinks.astro
View File

@ -6,6 +6,11 @@ const { id } = Astro.props;
<section id={id} class="Drinks"> <section id={id} class="Drinks">
<h2 class="title">Drinks</h2> <h2 class="title">Drinks</h2>
<p class="note">
Ob ein frisch gezapftes Pint, ein edler Tropfen Whiskey oder ein gemütliches Glas Wein – hier kannst du in entspannter
Atmosphäre das Leben genießen. Natürlich dürfen auch Cocktails nicht fehlen. Vieles kreieren wir auch selber - Sláinte!
</p>
<a href="/pdf/Menu.pdf" class="card-link" target="_blank" rel="noopener noreferrer">Getränkekarte</a> <a href="/pdf/Menu.pdf" class="card-link" target="_blank" rel="noopener noreferrer">Getränkekarte</a>
<h3 class="monats-hit">Monats Hit</h3> <h3 class="monats-hit">Monats Hit</h3>
@ -18,8 +23,9 @@ const { id } = Astro.props;
<div>Mate Vodka</div> <div>Mate Vodka</div>
</div> </div>
<p class="note">Ob ein frisch gezapftes Pint, ein edler Tropfen Whiskey oder ein gemütliches Glas Wein – hier kannst du in entspannter <p class="note">
Atmosphäre das Leben genießen. Natürlich dürfen auch Cocktails nicht fehlen. Vieles kreieren wir auch selber - Sláinte!</p> Für Whisky-Liebhaber haben wir erlesene Sorten aus Schottland und Irland im Angebot.
</p>
<div class="circle-row"> <div class="circle-row">
<div class="circle whiskey-circle" title="Whiskey 1"> <div class="circle whiskey-circle" title="Whiskey 1">

12
src/styles/components/Drinks.css
View File

@ -15,7 +15,7 @@
.title { .title {
font-size: var(--font-size-large); font-size: var(--font-size-large);
margin-bottom: 1.5rem; margin-bottom: 0.5rem;
font-weight: bold; font-weight: bold;
color: var(--color-text); color: var(--color-text);
text-transform: uppercase; text-transform: uppercase;
@ -25,6 +25,7 @@
.card-link { .card-link {
border: 2px solid var(--color-accent-beige); border: 2px solid var(--color-accent-beige);
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
color: var(--color-text); color: var(--color-text);
background-color: var(--color-background); background-color: var(--color-background);
@ -80,8 +81,8 @@
} }
.circle { .circle {
height: 12em; height: 20em;
width: 12em; width: 20em;
border: 2px solid var(--color-accent-beige); border: 2px solid var(--color-accent-beige);
border-radius: 50%; border-radius: 50%;
margin: 0.5rem; margin: 0.5rem;
@ -128,11 +129,6 @@
z-index: 1; z-index: 1;
} }
.whiskey-circle {
height: 20em;
width: 20em;
}
.circle-row { .circle-row {
display: flex; display: flex;
justify-content: center; justify-content: center;