lk redesign

app/pub/css/an.css

@@ -2,10 +2,15 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
+}
+    header ul {
+        padding: 0px;
+        display: flex;
+        align-items: center;
     }
     header ul li {
         list-style-type: none;
-        float:left;
+        margin-right:17px;
     }
     header .lite-logo {
         width:25%;
@@ -13,6 +18,9 @@ header {
     .lite-logo IMG {
         width:100%;
     }
+#logo {
+    width: 200px;
+}
 body {
     width: 80%;
     margin: 0px auto;
@@ -286,18 +294,18 @@ input[type="email"],input[type="password"]{
 }  
 .book_skeleton {
     width:25%;
-    margin-bottom: 50px;
+    margin-bottom: 30px;
     margin-top: 30px;
 }
 .book_mini {
     width: 60%;
-    padding-bottom: 5px;
-    box-sizing: border-box;
     background: white;
     border-radius: 7px;
     border: 1px solid #cdd8e2;
     text-align: center;
     font-weight: bold;
+    padding: 2px;
+    box-sizing: border-box;
 }
 .book_mini img{
     width:100%;
@@ -333,22 +341,83 @@ input[type="email"],input[type="password"]{
 }
 
 @media screen and (max-width: 1260px) {
-
+    .book_skeleton{
+        margin-top: 20px;
+    }
+    .book_mini{
+        width: 70%;
+        font-size: .9em;
+    }
+}
+@media screen and (max-width: 1100px) {
+    .book_skeleton{
+        margin-top: 15px;
+    }
+    #logo {
+        width: 170px;
+    }
+    header {
+        font-size: .9em;
+    }
 }
-
 @media screen and (max-width: 1000px) {
+    .book_mini{
+        width: 75%;
+    }
+    .book_skeleton{
+        margin-top: 10px;
+    }
     header .lite-logo {
         width: 30%;
     }
+    #logo {
+        width: 150px;
+    }
+    header, #lk-menu {
+        font-size: .8em;
+    }
+
 }
 
 @media screen and (max-width: 768px) {
     header .lite-logo {
         width: 35%;
     }
+    .book_skeleton{
+        width: 50%;
+    }
+    .book_mini{
+        width: 75%;
+    }
+    #logo {
+        width: 125px;
+    }
+    header, #lk-menu {
+        font-size: .7em;
+    }
+    header ul li {
+        margin-right: 6px;
+    }
+    .header-div, #lk-menu div {
+        padding: 6px;
+        margin-right: 6px;
+    }
+    #menu_category ul li, #menu_category ul li.active {
+        padding: 6px 10px;
+    }
+    #menu_category ul li a {
+        padding: 0px;
+    }
+    #year_filter {
+        padding:6px;
+        margin-right: 0px;
+    }
 }
 
 @media screen and (max-width: 560px) {
+    body {
+        width:90%;
+    }
     header .lite-logo {
         width: 45%;
     }
@@ -361,7 +430,7 @@ input[type="email"],input[type="password"]{
         line-height: 16px;
         text-align: center;
     }
-    .adv {
+    .adv, .mob-hidden {
         display:none;
     }
     #zoomnav div, #pagenav div {
@@ -373,4 +442,74 @@ input[type="email"],input[type="password"]{
     #info, #info span {
         font-size: 1em;
     }
+    #logo, .mob-full {
+        width: 83%;
+        margin: 0px auto;
+        text-align: center;
+    }
+    header {
+        font-size:.9em;
+    }
+    header, header ul {
+        flex-wrap:wrap;
+        justify-content: center;
+    }
+    header ul li {
+        margin-right: 10px;
+        margin-top: 15px;
+    }
+    #auth {
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        font-size: .9em;
+    }
+    #lk-menu {
+        font-size: .65em;
+        justify-content: center;
+    }
+}
+@media screen and (max-width: 460px) {
+    header {
+        font-size:.8em;
+    }
+    #logo, .mob-full {
+        width: 75%;
+    }
+
+    .book_skeleton {
+        width: 100%;
+    }
+    .book_mini {
+        width: 70%;
+        margin: 0px auto;
+    }
+    #lk-menu {
+        font-size: .6em;
+    }
+    #lk-menu div, #year_filter {
+        padding: 4px;
+        margin-right: 4px;
+    }
+    #menu_category ul li, #menu_category ul li.active {
+        padding: 4px 8px;
+    }
+}
+@media screen and (max-width: 390px) {
+    body {
+        width:98%;
+    }
+    #lk-menu {
+        font-size: .7em;
+    }
+    .small-mob-hidden {
+        display:none;
+    }
+    #menu_category ul li, #menu_category ul li.active {
+        padding: 6px 10px;
+    }
+    #lk-menu div, #year_filter {
+        padding: 6px;
+        margin-right: 6px;
+    }
 }

app/routes/client.php

@@ -82,10 +82,6 @@ function addcard($id, $date) {
 
 function mybooks_kuri($category = 'gazeta', $filter = 'all', $page = 1){
 
-
-    echo 'функция:'.__FUNCTION__;
-
-
     $login = check_login_kuri();
 
 
@@ -93,7 +89,7 @@ function mybooks_kuri($category = 'gazeta', $filter = 'all', $page = 1){
        header('Location: '.SITE.'login');
        exit;
     }
-
+    $type='mybooks';
     if ($category == 'gazeta')
         $category_id = 1;
     elseif ($category == 'books')

app/views/allbooks.phtml

@@ -12,9 +12,9 @@
     </div>   
 
     <?if ($items['subscript'] == true):?>
-        <div><p>Вам доступен весь архив</p></div>
+        <div class="small-mob-hidden"><p>Вам доступен весь архив</p></div>
     <?else:?>
-        <div><p>Всего покупок: <?=$items['count']?></p></div>
+        <div class="small-mob-hidden"><p>Всего покупок: <?=$items['count']?></p></div>
     <?endif?>
 
     <?if ($category == 'gazeta'):?>
@@ -45,6 +45,7 @@
             <a href="<?=$book['link']?>">
                 <img src="<?=$book['pic']?>">
                 <p class="book_mini_title"><?=$book['pricename']?></p>
+                <p>Читать</p>
             </a>    
         </div>
     </div>

app/views/layout.phtml

@@ -4,7 +4,7 @@
   <//base href="<?=SITE?>">
   <script src="/pub/scripts/pdf.min.js"></script>
   <script src="/pub/scripts/anviewer.js?ver=51"></script>
-  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=141">
+  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=193">
   <link rel="icon" type="image/ico" href="https://argumenti.ru/favicon.ico">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/pub/fontawesome/css/all.css">
@@ -56,16 +56,20 @@ _tmr.push({id: "1069168", type: "pageView", start: (new Date()).getTime()});
 
 <header>
 <ul>
-    <li>
+    <li class="mob-full">
-        <img style="width:200px;" alt="Аргументы Недели (argumenti.ru)" src="https://argumenti.ru/images/argumenti/AN2.gif">
+        <img id="logo" alt="Аргументы Недели (argumenti.ru)" src="https://argumenti.ru/images/argumenti/AN2.gif">
     </li>
-    <li class="header-div">
+    <li class="mob-hidden">
-        <i class="fas fa-arrow-right"></i>
+        <i style="float:left" class="fas fa-arrow-right"></i>
+    </li>
+    <li class="header-div<?if ($type == 'mybooks'):?> mob-hidden<?endif?>">
         <a href="<?=SITE?>mybooks">Моя библиотека</a>
     </li>
     <?if ($title !== '' and $title !== 'Моя библиотека'):?>
+    <li>
+        <i style="float:left" class="fas fa-arrow-right"></i>
+    </li>
     <li class="header-div">
-        <i class="fas fa-arrow-right"></i>
         <a id="page_title" href="<?=$baseurl?>"><?=$title?></a>
     </li>
     <?endif?>