🖥 Added support for ultrawide screen monitors

Alexander Bilz

25.12.2020 de84d74c22a61a1e31698f1f478796350a9d6ad9

🖥 Added support for ultrawide screen monitors

Closes #75

 assets/css/style.css

@@ -261,11 +261,15 @@
    position: fixed;
    z-index: 4;
    border-right: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.sidebar .logo-title {
    text-align: center;
    padding-top: 240px;
    flex: 1;
}

.sidebar .logo-title .description {
@@ -302,6 +306,7 @@
    padding: 0;
    font-size: 14px;
    text-align: center;
    flex: 7;
}

.sidebar .social-links i {
@@ -524,9 +529,10 @@
    font-size: 10px;
    margin: 0 auto;
    bottom: 0;
    position: absolute;
    width: 100%;
    padding-bottom: 20px;
    flex: 0;
    position: relative;
}

.footer a {
@@ -977,3 +983,14 @@
        display: none;
    }
}

@media (min-width: 1921px){
    .content {
        padding-right: 25%;
        width: 35%;
    }
    .sidebar {
        padding-left: 15%;
        width: 25%;
    }
}

 layouts/index.html

@@ -8,8 +8,6 @@
            </div>
            <div class="post-content">
                <div class="p_part"><p>{{ .Summary }}</p></div>

                <div class="p_part"><p></p></div>
            </div>
            <div class="post-footer">
                <div class="meta">