ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix select width on mobile

This commit is contained in:
keyan 2023-12-06 13:19:39 -06:00
parent aaa47e9b67
commit 5496fe82e9
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/header.js
View File

@ -220,7 +220,7 @@ function NavItems ({ className, sub, prefix }) {
return (
<>
<Nav.Item className={className}>
<Nav.Item className={`me-1 ${className}`}>
<SubSelect
sub={sub} prependSubs={PREPEND_SUBS} appendSubs={APPEND_SUBS} noForm
groupClassName='mb-0'
@ -308,9 +308,9 @@ export default function Header ({ sub }) {
className={styles.navbarNav}
activeKey={topNavKey}
>
<NavItems className='me-1' prefix={prefix} sub={sub} />
<NavItems prefix={prefix} sub={sub} />
<Link href={prefix + '/search'} passHref legacyBehavior>
<Nav.Link eventKey='search' className='position-relative ms-auto d-flex me-1'>
<Nav.Link eventKey='search' className='position-relative me-auto ms-auto me-sm-1 d-flex'>
<SearchIcon className='theme' width={22} height={22} />
</Nav.Link>
</Link>

2
components/sub-select.module.css
View File

@ -1,5 +1,5 @@
.subSelect {
width: 100px !important;
max-width: 120px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis !important;