Settings page: align icons and text

This commit is contained in:
bergware
2019-01-20 18:20:17 +01:00
parent c7bcdd93c4
commit 60cc24687c
3 changed files with 5 additions and 7 deletions
@@ -426,7 +426,7 @@ foreach ($pages as $page) {
if (substr($icon,0,3)!='fa-') $icon = "fa-$icon";
$icon = "<i class='fa $icon PanelIcon'></i>";
}
echo "<div class=\"Panel\"><a href=\"$link\" onclick=\"$.cookie('one','tab1',{path:'/'})\">$icon<div class=\"PanelText\">$title</div></a></div>";
echo "<div class=\"Panel\"><a href=\"$link\" onclick=\"$.cookie('one','tab1',{path:'/'})\"><span>$icon</span><div class=\"PanelText\">$title</div></a></div>";
}
}
empty($page['Markdown']) || $page['Markdown']=='true' ? eval('?>'.Markdown($page['text'])) : eval('?>'.$page['text']);
+2 -3
View File
@@ -274,11 +274,10 @@ div.tab [type=radio]+label{position:relative;font-size:1.4rem;letter-spacing:1.8
div.tab [type=radio]+label img{padding-right:4px}
div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:8rem}
div.Panel a{text-decoration:none}
div.Panel span{height:42px;display:block}
div.Panel:hover .PanelText{text-decoration:underline}
div.Panel img.PanelImg{width:auto;max-width:32px;height:32px;margin-bottom:2px}
div.Panel img.PanelImg{width:auto;max-width:32px;height:32px}
div.Panel i.PanelIcon{font-size:32px;color:#f2f2f2}
div.Panel i.PanelIcon.fa{margin-bottom:2px}
div.Panel .PanelText{margin-top:8px}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #2f2f2f;border-radius:5px;line-height:2rem;height:10rem;width:10rem;background-color:#262626}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
div.up{margin-top:-30px;border:1px solid #2b2b2b;padding:4px 6px;overflow:auto}
+2 -3
View File
@@ -274,11 +274,10 @@ div.tab [type=radio]+label{position:relative;font-size:1.4rem;letter-spacing:1.8
div.tab [type=radio]+label img{padding-right:4px}
div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:8rem}
div.Panel a{text-decoration:none}
div.Panel span{height:42px;display:block}
div.Panel:hover .PanelText{text-decoration:underline}
div.Panel img.PanelImg{width:auto;max-width:32px;height:32px;margin-bottom:2px}
div.Panel img.PanelImg{width:auto;max-width:32px;height:32px}
div.Panel i.PanelIcon{font-size:32px;color:#1c1b1b}
div.Panel i.PanelIcon.fa{margin-bottom:2px}
div.Panel .PanelText{margin-top:8px}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #dedede;border-radius:5px;line-height:2rem;height:10rem;width:10rem;background-color:#e8e8e8}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
div.up{margin-top:-30px;border:1px solid #e3e3e3;padding:4px 6px;overflow:auto}