Skip to content

dimasites/cyberpanel-design-tweaks

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CyberPanel настройки внешнего вида (Design Tweaks)

Из коробки панель свёрстана так, что на русском языке многое разъезжается или выглядит криво. Настало время исправить это за пару кликов и один копипаст!

Последняя версия всех твиков - в CSS файле:

css/all-tweaks.css: https://github.com/dimasites/cyberpanel-design-tweaks/blob/dimasites-patch-1/css/all-tweaks.css

Выглядеть будет вот так: image (сравните с таким же экраном из коробки и всё станет ясно)

Если коротко, что сделано: выключенн показ (просто скрыты через CSS) платные функции, ссылки на ютуб-каналы и т.п. чтобы панель выглядела немного больше похожей на готовый рабочий продукт (чем она и является), а не на тестовый проект энтузиастов-экспериментаторов.

Как использовать

Просто добавить через админку CSS-код из этого файла в меню Design, и он инкапсулируется в эту же самую админку:

photo_2023-07-24_21-36-57

Как отключить

Чтобы отключить, код просто надо стереть код в меню Design или закомментировать

Часто задаваемые вопросы

Вопрос: А где логотип CyberPanel?

Ответ: Нн был из коробки растровый (.png вместо .svg), тёк пикселями и это меня раздражало, вот я его и скрыл. Кому надо - можете вернуть, просто отключив соответствующую секцию в CSS.

Поддержка и участие

Ставьте звёзды, делайте форки, скриншоты кривой вёрстки и кидайте issue - я планирую поддерживать код в актуальном состоянии. и в результате "починить вёрстку" панели под русский язык (и другие языки, в которых фразы длиннее, чем английские) насколько это возможно. А может, это всё перерастет в "тему" для CyberPanel или PR в основную верстку... Давайте сделаем любимую панель более юзабельной, имхо - оно того стоит!

About

Tweaks to improve the look of CyberPanel.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 36.9%
  • Less 34.8%
  • CSS 28.3%