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

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

Я попытался заменить домашний логотип <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-код. Это тоже не сработало.

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

Есть ли у вас какие-либо идеи?


keystonejs keystone
person mehbf    schedule 14.05.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

\node_modules\keystone\admin\public\images\logo.png

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

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

\node_modules\keystone\admin\client\App\components\Navigation\Primary\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):

\templates\layouts\default.pug

Строка 54:

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