eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

fix: edit server icon issues (#4821)

Browse Source
This commit is contained in:
Calum H.
2025-11-26 23:29:29 +00:00
committed by GitHub
parent 0178fddc38
commit b56f39ce07
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/frontend/src/pages/servers/manage/[id]/options/index.vue
View File

@@ -84,16 +84,19 @@
@change="uploadFile" @change="uploadFile"
/> />
<div <div
class="absolute top-0 hidden size-[6rem] flex-col items-center justify-center rounded-xl bg-button-bg p-2 opacity-80 group-hover:flex" class="absolute top-0 hidden size-24 flex-col items-center justify-center rounded-xl bg-button-bg p-2 opacity-80 group-hover:flex"
> >
<EditIcon class="h-8 w-8 text-contrast" /> <EditIcon class="h-8 w-8 text-contrast" />
</div> </div>
<ServerIcon :image="icon" /> <ServerIcon class="size-24" :image="icon" />
</div> </div>
<ButtonStyled> <ButtonStyled>
<button v-tooltip="'Synchronize icon with installed modpack'" @click="resetIcon"> <button
<TransferIcon class="h-6 w-6" /> v-tooltip="'Synchronize icon with installed modpack'"
<span>Sync icon</span> class="my-auto"
@click="resetIcon"
>
<TransferIcon /> Sync icon
</button> </button>
</ButtonStyled> </ButtonStyled>
</div> </div>
@@ -112,8 +115,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { EditIcon, ServerIcon, TransferIcon } from '@modrinth/assets' import { EditIcon, TransferIcon } from '@modrinth/assets'
import { injectNotificationManager } from '@modrinth/ui' import { injectNotificationManager, ServerIcon } from '@modrinth/ui'
import ButtonStyled from '@modrinth/ui/src/components/base/ButtonStyled.vue' import ButtonStyled from '@modrinth/ui/src/components/base/ButtonStyled.vue'
import SaveBanner from '~/components/ui/servers/SaveBanner.vue' import SaveBanner from '~/components/ui/servers/SaveBanner.vue'