Добавить логотип на панель навигации keystonejs - PullRequest
Новая
       32

Добавить логотип на панель навигации keystonejs

0 голосов
/ 14 мая 2018

Я хочу добавить логотип в проект keystone или, если логотип невозможен, просто текст.Я смог добавить логотип только во время входа в систему.Я полагаю, что лучшим местом для добавления логотипа является панель навигации, но она не обязательна.

Я пытался изменить домашний логотип <span class="octicon octicon-home"></span> своим логотипом, но не смог найти где.

Я пытался добавить img(src='/images/logo.png', width='160') к templates/layouts/default.pub, но я получил ошибку img is a self closing element: <img/> but contains nested content. Также написано There is no .container wrapping class around body blocks to allow more flexibility in design

Я попытался добавить iFrame, используя javascript, и попытался поставить некоторыеHTML код на нем.Это тоже не сработало.

Я также пытался установить ярлык или единственное число на одну страницу, но это не то, что мне нужно

У вас есть идеи?

1 Ответ

0 голосов
/ 15 мая 2018

Во-первых, вы можете найти логотип по умолчанию в:

\ node_modules \ трапецеидальных \ админ \ Public \ Images \ logo.png

После замены изображения PNG на экране входа отобразится обновленный логотип.

Далее для интерфейса администратора вы можете проверить:

\ node_modules \ трапецеидальных \ админ \ клиент \ App \ Components \ Navigation \ Первичный \ index.js

Строка 77: 

return (
            <PrimaryNavItem
                className={className}
                label="octicon-home"
                title={'Dashboard - ' + brand}
                to={Keystone.adminPath}
            >
                <span className="octicon octicon-home" />
            </PrimaryNavItem>

Заменить интервал на: 

return (
            <PrimaryNavItem
                className={className}
                label="octicon-home"
                title={'Dashboard - ' + brand}
                to={Keystone.adminPath}
            >
                <img src="/keystone/images/logo.png" width="20" height="20"/>
            </PrimaryNavItem>

Наконец, на публичной странице, отредактируйте (если вы используете PUG):

\ Шаблоны \ раскладок \ default.pug

Строка 54: 

a.navbar-brand(href='/')
    img(src='/keystone/images/logo.png' width='20' height='20')
...