<!--views/admin/partials/menu.php-->
<link href="<?php echo $BASE ?>/public/styles/admin/partials/menu.css" rel='stylesheet' />

<div class='Menu'>
    <a href='<?php echo $BASE ?>/admin/post'><img src='<?php echo $BASE ?>/public/images/movie.png' /></a>
    <span><a href='<?php echo $BASE ?>/admin/post' class="label">ការផ្សាយ</a></span>

    <a href='<?php echo $BASE ?>/admin/category'>
        <img src='<?php echo $BASE ?>/public/images/category.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/category' class="label">ជំពូក​</a></span>

    <a href='<?php echo $BASE ?>/admin/page'>
        <img src='<?php echo $BASE ?>/public/images/page.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/page' class="label">ទំព័រ​ស្តាទិក​</a></span>

    <a href='<?php echo $BASE ?>/admin/book'>
        <img src='<?php echo $BASE ?>/public/images/books.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/book' class="label">សៀវភៅ</a></span>

    <a href='<?php echo $BASE ?>/admin/upload'>
        <img src='<?php echo $BASE ?>/public/images/upload.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/upload' class="label">Upload</a></span>

    <a href='<?php echo $BASE ?>/admin/user'>
        <img src='<?php echo $BASE ?>/public/images/user.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/user' class="label">អ្នក​និពន្ធ</a></span>

    <a href='<?php echo $BASE ?>/admin/setting'>
        <img src='<?php echo $BASE ?>/public/images/setting.png' />
    </a>
    <span><a href='<?php echo $BASE ?>/admin/setting' class="label">Setting</a></span>
</div>

/* public/styles/admin/partials/menu.css */
.Menu{
    display: grid;
    grid-template-columns: 15% auto;
    grid-gap: 15px;
    align-items: center;
}

.Menu img{
    width: 100%;
}

.Menu .label{
    font: 19px/1.5 Oswald, Bayon;
    color: var(--background);
    width: auto;
}

GitHub: https://github.com/Sokhavuth/multimedia_

Heroku: https://khmerweb-multimedia1.herokuapp.com/