Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SSHOC
sshoc-marketplace-frontend
Commits
e6708e2b
Commit
e6708e2b
authored
Mar 11, 2021
by
Stefan Probst
Browse files
fix: fix styles
parent
b28e850e
Changes
2
Hide whitespace changes
Inline
Side-by-side
src/elements/Button/Button.tsx
View file @
e6708e2b
...
...
@@ -57,7 +57,7 @@ function Button(
default
:
'
transition text-ui-base
'
,
states
:
{
enabled
:
'
text-primary-750 hover:text-secondary-600 focus:text-
text
-800
'
,
'
text-primary-750 hover:text-secondary-600 focus:text-
gray
-800
'
,
disabled
:
'
pointer-events-none text-gray-350
'
,
},
},
...
...
src/modules/page/PageHeader.tsx
View file @
e6708e2b
...
...
@@ -68,7 +68,7 @@ function MainNavigation(): JSX.Element {
order
:
[
'
label
'
],
}
return
(
<
li
key
=
{
category
}
>
<
li
key
=
{
category
}
className
=
"inline-flex"
>
<
NavLink
href
=
{
{
pathname
:
'
/search
'
,
query
}
}
isMatching
=
{
(
href
,
router
)
=>
{
...
...
@@ -84,7 +84,7 @@ function MainNavigation(): JSX.Element {
)
})
}
<
Separator
/>
<
li
className
=
"relative z-10"
>
<
li
className
=
"relative z-10
inline-flex
"
>
<
Menu
>
{
({
open
})
=>
(
<
Fragment
>
...
...
@@ -118,7 +118,7 @@ function MainNavigation(): JSX.Element {
</
Menu
>
</
li
>
<
Separator
/>
<
li
className
=
"relative z-10"
>
<
li
className
=
"relative z-10
inline-flex
"
>
<
Menu
>
{
({
open
})
=>
(
<
Fragment
>
...
...
@@ -202,7 +202,7 @@ function ReportAnIssueButton({
},
}
}
>
<
a
className
=
"mx-6 my-2 text-gray-550"
>
Report an issue
</
a
>
<
a
className
=
"mx-6 my-2
.5
text-gray-550"
>
Report an issue
</
a
>
</
Link
>
)
}
...
...
@@ -261,7 +261,7 @@ function AuthButton() {
<
Fragment
>
<
Menu
.
Button
className
=
{
cx
(
'
bg-primary-800 text-white rounded-b transition-colors duration-150 py-2 px-12 text-sm inline-block hover:bg-primary-700
'
,
'
bg-primary-800 text-white rounded-b transition-colors duration-150 py-2
.5
px-12 text-sm inline-block hover:bg-primary-700
'
,
'
truncate max-w-xs
'
,
open
?
''
:
''
,
)
}
...
...
@@ -313,7 +313,7 @@ function NavLinkButton({
}:
PropsWithChildren
<
{
href
:
UrlObject
}
>
)
{
const
isActive
=
useActiveLink
(
href
)
const
classNames
=
cx
(
'
bg-primary-800 text-white rounded-b transition-colors duration-150 py-2 px-12 text-sm inline-
block
hover:bg-primary-700
'
,
'
bg-primary-800 text-white rounded-b transition-colors duration-150 py-2 px-12 text-sm inline-
flex items-center
hover:bg-primary-700
'
,
)
return
(
<
Link
href
=
{
href
}
>
...
...
@@ -334,7 +334,7 @@ function NavLink({
}
>
)
{
const
isActive
=
useActiveLink
(
href
,
isMatching
)
const
classNames
=
cx
(
'
px-8 py-6
inline-block
hover:bg-gray-50 transition-colors duration-150
'
,
'
px-8 py-6 hover:bg-gray-50 transition-colors duration-150
text-center inline-flex items-center
'
,
isActive
?
'
text-gray-800
'
:
'
text-primary-500
'
,
)
return
(
...
...
@@ -379,7 +379,7 @@ function MenuButton({
return
(
<
Menu
.
Button
className
=
{
cx
(
'
inline
-block
py-6 px-8 transition-colors duration-150
'
,
'
inline py-6 px-8 transition-colors duration-150
'
,
isOpen
?
'
text-white bg-secondary-600 rounded-t
'
:
'
text-primary-500 hover:bg-gray-50
'
,
...
...
@@ -406,7 +406,7 @@ function MenuPopover({
ref
=
{
popoverRef
}
static
=
{
isStatic
}
className
=
{
cx
(
'
absolute right-0 z-20 flex flex-col w-64 mt-1 overflow-hidden origin-top-right bg-white border border-gray-200 rounded shadow-md
'
,
'
absolute right-0
top-full
z-20 flex flex-col w-64 mt-1 overflow-hidden origin-top-right bg-white border border-gray-200 rounded shadow-md
'
,
className
,
)
}
>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment