mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-02-24 08:48:47 +01:00
More compact menu items
This commit is contained in:
parent
60cfeea89f
commit
c7db204d5b
2 changed files with 55 additions and 40 deletions
12
src/app.css
12
src/app.css
|
@ -1273,6 +1273,18 @@ body:has(.status-deck) .media-post-link {
|
|||
.szh-menu .menu-horizontal .szh-menu__item {
|
||||
flex: 1;
|
||||
}
|
||||
.szh-menu .menu-horizontal .szh-menu__item:not(:only-child):first-child {
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
.szh-menu
|
||||
.menu-horizontal
|
||||
.szh-menu__item:not(:only-child):not(:first-child):not(:last-child) {
|
||||
padding-left: 8px !important;
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
.szh-menu .menu-horizontal .szh-menu__item:not(:only-child):last-child {
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
.szh-menu .szh-menu__item .menu-shortcut {
|
||||
opacity: 0.5;
|
||||
font-weight: normal;
|
||||
|
|
|
@ -462,12 +462,13 @@ function Status({
|
|||
)}
|
||||
{!isSizeLarge && sameInstance && (
|
||||
<>
|
||||
<div class="menu-horizontal">
|
||||
<MenuItem onClick={replyStatus}>
|
||||
<Icon icon="reply" />
|
||||
<span>Reply</span>
|
||||
</MenuItem>
|
||||
{canBoost && (
|
||||
<MenuItem
|
||||
disabled={!canBoost}
|
||||
onClick={async () => {
|
||||
try {
|
||||
const done = await boostStatus();
|
||||
|
@ -485,7 +486,8 @@ function Status({
|
|||
/>
|
||||
<span>{reblogged ? 'Unboost' : 'Boost…'}</span>
|
||||
</MenuItem>
|
||||
)}
|
||||
</div>
|
||||
<div class="menu-horizontal">
|
||||
<MenuItem
|
||||
onClick={() => {
|
||||
try {
|
||||
|
@ -520,6 +522,7 @@ function Status({
|
|||
/>
|
||||
<span>{bookmarked ? 'Unbookmark' : 'Bookmark'}</span>
|
||||
</MenuItem>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
{enableTranslate && (
|
||||
|
@ -609,7 +612,7 @@ function Status({
|
|||
</MenuItem>
|
||||
)}
|
||||
{isSelf && (
|
||||
<>
|
||||
<div class="menu-horizontal">
|
||||
<MenuItem
|
||||
onClick={() => {
|
||||
states.showCompose = {
|
||||
|
@ -643,7 +646,7 @@ function Status({
|
|||
<span>Delete…</span>
|
||||
</MenuItem>
|
||||
)}
|
||||
</>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue