对 myVesta Control Panel 的 Web 界面进行一点小小的修改

由于不喜欢 myVesta Control Panel 的 Web 界面显示的一些东西与布局于是不得不特意进行一些修改。

1、删除首页的IO统计表格
该块左侧的是面板的作者信息不太喜欢，如果是统计信息的话我就保留了。右侧的统计图表想保留但是感觉太单一。

编辑/usr/local/vesta/web/templates/admin/list_user.html删除对应代码块。

2、删除右边栏
右边栏的服务器信息、系统日志不太习惯，于是删除。

编辑/usr/local/vesta/web/templates/right.html将里面的代码清空的说。

3、调整中间布局的宽度

由于删除了右边栏，右边栏空着只好调整该部分的css布局。

编辑/usr/local/vesta/web/templates/header.html删除一下代码：

  <style>
    .l-content .l-center {margin-right: <?=$content_margin_right?>px}
  </style>

虽然可以通过修改$content_margin_right的值来实现。

编辑/usr/local/vesta/web/css/styles.min.css里面的样式，将.l-content > .l-center类名下的 margin-right: 240px;删除或者注释。

4、底部块也跟中间的一样大

编辑/usr/local/vesta/web/css/styles.min.css里面的样式，将.l-content #vstobjects > .l-center类名下的 margin-right: 240px;删除或者注释。

5、左边菜单
由于我这环境不部署DNS服务与邮箱服务所以还是删除该两处菜单

编辑/usr/local/vesta/web/templates/admin/panel.html删除对应代码。

6、返回向上的按钮

将两个按钮也右移240px

编辑/usr/local/vesta/web/templates/admin/panel.html，将

  <a href="#" class="to-top" style="right: <?=$GLOBALS['to_top_right']?>px;">
    <i class="l-icon-to-top"></i>
  </a>
  <a href="#" class="to-shortcuts" style="right: <?=$GLOBALS['to_shortcuts_right']?>px;">
    <i class="l-icon-shortcuts"></i>
  </a>

修改

  <a href="#" class="to-top" style="right: <?=$GLOBALS['to_top_right'] - 240?>px;">
    <i class="l-icon-to-top"></i>
  </a>
  <a href="#" class="to-shortcuts" style="right: <?=$GLOBALS['to_shortcuts_right'] - 240 ?>px;">
    <i class="l-icon-shortcuts"></i>
  </a>

本来打算直接写固定值的，最后还是减240算了。

ChiuYut

2024年04月24日