may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AAI - spremembe šrin containerjev ( header še treba rešiti) , footer mobile

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-15 11:20:14 +02:00
parent 6c586ffe7e
commit a4a6104baf
2 changed files with 107 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/simple/classes/DisplayController.php
View File

@ -117,6 +117,10 @@ class DisplayController{
global $site_url; global $site_url;
global $lang; global $lang;
// if(isAAI()){
// echo '<div class="header_container">';
// }
// Logo v glavi // Logo v glavi
echo '<div class="logo ">'; echo '<div class="logo ">';
@ -223,7 +227,9 @@ class DisplayController{
echo '</nav>'; echo '</nav>';
} }
// if(isAAI()){
// echo '</div>';
// }
} }
@ -458,6 +464,7 @@ class DisplayController{
echo '</div>'; echo '</div>';
// POMEMBNE POVEZAVE // POMEMBNE POVEZAVE
echo '<div class=povezave_container>';
echo '<div class="pomembne_povezave">'; echo '<div class="pomembne_povezave">';
echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>'; echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>';
@ -493,6 +500,7 @@ class DisplayController{
echo '</div>'; echo '</div>';
echo '</div>'; echo '</div>';
echo '</div>';

77
frontend/simple/css/aai.css
View File

@ -5,15 +5,21 @@
} }
.cookie_notice { .cookie_notice {
max-width: 1160px; max-width: 100%;
} }
body { body {
max-width: 1160px;
margin: auto; margin: auto;
color: #343434; color: #343434;
} }
#main {
background-color: white;
}
#main .main_content {
max-width: unset;
}
/* nav */ /* nav */
.mobile{ .mobile{
display: none; display: none;
@ -25,9 +31,13 @@ body.landing_page #content.aai #main {
header { header {
height: unset; height: unset;
padding-top: 13px; padding-top: unset;
align-items: flex-end;
} }
header .header_container{
height: unset;
padding-top: 13px;
}
header .nav-desktop span.menu_item { header .nav-desktop span.menu_item {
@ -107,10 +117,13 @@ header nav span.lang_switch img {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
max-width: 1160px;
height: auto; height: auto;
padding-top: 105px; padding-top: 105px;
padding-bottom: 110px; padding-bottom: 105px;
margin: auto;
} }
@ -180,10 +193,19 @@ header nav span.lang_switch img {
max-width: auto; max-width: auto;
} }
.pomembne_povezave { .povezave_container {
max-width: 100%;
background-color: #FCFCFC; background-color: #FCFCFC;
}
.pomembne_povezave {
max-width: 1160px;
padding-top: 110px; padding-top: 110px;
padding-bottom: 210px; padding-bottom: 210px;
margin: auto;
} }
.povezave { .povezave {
@ -258,7 +280,7 @@ header nav span.lang_switch img {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: white; /* background-color: white; */
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: #F07D3E; color: #F07D3E;
font-size: 16px; font-size: 16px;
@ -286,7 +308,12 @@ header nav span.lang_switch img {
footer { footer {
width: 100%; /* max-width: 1160px;
margin: auto; */
}
footer .footer_content {
max-width: 1160px;
margin: auto;
} }
footer h2 { footer h2 {
@ -760,6 +787,8 @@ input[type=button]:hover,
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0px 20px;
} }
footer .footer_content h2 { footer .footer_content h2 {
@ -798,7 +827,7 @@ input[type=button]:hover,
footer .footer_content .col1{ footer .footer_content .col1{
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
border: 1px solid red; /* border: 1px solid red; */
} }
@ -822,3 +851,33 @@ input[type=button]:hover,
} }
@media screen and (max-width: 345px) {
footer .footer_content {
flex-direction: column;
align-items: center;
}
footer .footer_content .col {
max-height: unset;
text-align: center;
}
footer .footer_content .col h2 {
text-align: center;
}
footer .footer_content .col1 .col1-flex {
max-height: unset;
align-items: center;
}
footer .footer_content .col3 {
max-width: unset;
width: unset;
}
footer .footer_content .col3 .social_logo_flex {
padding-left: 10px;
}
}