First styling of desktop variant

This commit is contained in:
Christian Wolf 2025-02-26 19:26:21 +01:00
parent f357b96f08
commit 84e3c4f402
3 changed files with 35 additions and 12 deletions

View File

@ -5,21 +5,27 @@
#header {
.text {
background-color: $green;
display: flex;
justify-content: center;
padding: 5px 0px;
.logo-link {
max-width: 85%;
display: flex;
justify-content: center;
width: 100%;
@include r.normal {
max-height: 100px;
// max-height: 100px;
justify-content: left;
}
img {
width: 100%;
height: 100%;
max-width: 85%;
// height: 100%;
@include r.normal {
max-height: 100px;
margin: 0 10px -20px;
}
}
}
@ -30,6 +36,10 @@
background-image: url('../images/track.png');
background-repeat: repeat-x;
background-size: contain;
@include r.normal {
height: 80px;
}
}
.black-background {

View File

@ -0,0 +1,15 @@
@use "./colors" as c;
#menu .nav {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 15px;
> .nav-item {
display: block;
background-color: c.$light-gray;
padding: 5px 10px;
border-radius: 5px;
}
}

View File

@ -19,10 +19,8 @@
<folder>css</folder>
</files>
<positions>
<position>topmenu</position>
<position>sidemenu</position>
<position>impressum</position>
<position>copyright</position>
<position>menu</position>
<position>footer</position>
</positions>
<updateservers>
<server type="extension" name="Update Server Reifenscheune">https://joomla.christian-wolf.click/updates/tpl_reifenscheune/updates.xml</server>