161sh/trashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/trashposs synced 2024-11-22 08:53:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Change look and position of Search button when viewing as visitor/logged-out

Browse Source
This commit is contained in:
Jeder 2023-08-03 17:38:09 +02:00
parent 1be6348bf5
commit dca344be07
1 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/client/src/ui/visitor/header.vue
View File

@ -30,6 +30,10 @@
><i class="ph-image-square ph-bold ph-lg icon"></i ><i class="ph-image-square ph-bold ph-lg icon"></i
>{{ i18n.ts.gallery }}</MkA >{{ i18n.ts.gallery }}</MkA
> >
<button class="_button link" active-class="active" @click="search()">
<i class="ph-magnifying-glass ph-bold ph-lg icon"></i
><span>{{ i18n.ts.search }}</span>
</button>
<div v-if="info" class="page active link"> <div v-if="info" class="page active link">
<div class="title"> <div class="title">
<i v-if="info.icon" class="icon" :class="info.icon"></i> <i v-if="info.icon" class="icon" :class="info.icon"></i>
@ -59,10 +63,6 @@
</button> </button>
</div> </div>
<div class="right"> <div class="right">
<button class="_button search" @click="search()">
<i class="ph-magnifying-glass ph-bold ph-lg icon"></i
><span>{{ i18n.ts.search }}</span>
</button>
<button class="_buttonPrimary signup" @click="signup()"> <button class="_buttonPrimary signup" @click="signup()">
{{ i18n.ts.signup }} {{ i18n.ts.signup }}
</button> </button>
@ -198,6 +198,16 @@ export default defineComponent({
&.page { &.page {
border-bottom-color: var(--accent); border-bottom-color: var(--accent);
} }
&._button {
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color .2s;
&:hover {
text-decoration-color: currentColor;
}
}
} }
> .page { > .page {
@ -242,24 +252,6 @@ export default defineComponent({
> .right { > .right {
margin-left: auto; margin-left: auto;
> .search {
background: var(--bg);
border-radius: 999px;
width: 230px;
line-height: $height - 20px;
margin-right: 16px;
text-align: left;
> * {
opacity: 0.7;
}
> .icon {
padding: 0 16px;
}
}
> .signup { > .signup {
border-radius: 999px; border-radius: 999px;
padding: 0 24px; padding: 0 24px;