TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 13:54:35 +03:00
Code Issues Projects Releases Wiki Activity

Storybook cleanup in Admin X design system

Browse Source 
refs. https://github.com/TryGhost/Team/issues/3150
This commit is contained in:
Peter Zimon 2023-05-17 12:08:33 +02:00
parent a789c84530
commit f58b9d3499
2 changed files with 4 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin-x-settings/src/admin-x-ds/experimental/Header.tsx
View File

@ -14,7 +14,7 @@ interface HeaderProps {
export const Header = ({user, onLogin, onLogout, onCreateAccount}: HeaderProps) => (
<header>
<div className="wrapper">
<div className="storybook-wrapper">
<div>
<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fillRule="evenodd">
@ -37,7 +37,7 @@ export const Header = ({user, onLogin, onLogout, onCreateAccount}: HeaderProps)
<div>
{user ? (
<>
<span className="welcome">
<span className="storybook-welcome">
Welcome, <b>{user.name}</b>!
</span>
<ExampleButton label="Log out" size="small" onClick={onLogout} />

22
ghost/admin-x-settings/src/admin-x-ds/experimental/header.css
View File

@ -1,4 +1,4 @@
.wrapper {
.storybook-wrapper {
font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 20px;
@ -7,25 +7,7 @@
justify-content: space-between;
}
svg {
display: inline-block;
vertical-align: top;
}
h1 {
font-weight: 700;
font-size: 20px;
line-height: 1;
margin: 6px 0 6px 10px;
display: inline-block;
vertical-align: top;
}
button + button {
margin-left: 10px;
}
.welcome {
.storybook-welcome {
color: #333;
font-size: 14px;
margin-right: 10px;