zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

code refactoring

Browse Source 
add mobile header to index.php
style and adjust mobile header to work with
mobile layout. add to other pages later
This commit is contained in:
emma 2025-01-28 10:10:21 -05:00
parent a5573058d1
commit 6bffad1412
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.php
View File

@ -9,7 +9,8 @@
</head> </head>
<body> <body>
<?php include "./includes/header.php" ?> <?php include "./includes/mobile-header.php" ?>
<?php include "./includes/header.php" ?>
<?php include "./includes/nav.php" ?> <?php include "./includes/nav.php" ?>
<main> <main>
<section> <section>

16
style/style.css
View File

@ -206,6 +206,19 @@ section {
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.mobile-header { .mobile-header {
display: flex; display: flex;
height: 10vh;
width: 100vw;
border-radius: 0;
border: none;
}
.mobile-header span {
font-size: 2rem;
}
.mobile-header span img {
height: 24px;
width: 24px;
} }
header { header {
@ -221,7 +234,10 @@ section {
} }
body { body {
height: 100vh;
width: auto;
display: flex; display: flex;
flex-direction: column;
background-image: none; background-image: none;
} }