mirror of
https://github.com/unraid/webgui.git
synced 2026-04-23 02:31:45 -05:00
Settings page: align icons and text
This commit is contained in:
@@ -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']);
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user