Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2025-04-12 21:31:19 -05:00
Code Issues Activity

minor settings improvement

Browse source
This commit is contained in:
wowie 2024-10-12 09:18:33 -05:00
parent f274ba527d
commit 02bfc18bfe
2 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/views/HomepageView.vue
View file

@ -118,7 +118,7 @@ export default {
<h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
<p class="text-xl">{{ $t('home.streamersYouFollow') }}</p>
<ul
class="overflow-x-auto whitespace-nowrap"
class="pt-5 overflow-x-auto whitespace-nowrap"
@scroll="handleFollowingScroll"
>
<li v-for="streamer in followingStreaming" :key="streamer" class="mr-2 inline-block">

23
src/views/SettingsView.vue
View file

@ -115,21 +115,18 @@ export default {
</li>
</ul>
<h1 class="font-bold text-3xl mt-2">{{ $t('main.themes') }}</h1>
<h1 class="font-bold text-3xl mt-6">{{ $t('main.themes') }}</h1>
<hr class="my-2" />
<ul class="flex space-x-2">
<!--
Use theme colors for preview
-->
<ul class="flex flex-wrap justify-center gap-2 w-full mt-3">
<li
v-for="theme in themeList"
:key="theme.name"
class="hover:scale-110 border-2 rounded-md transition-transform"
class="flex-grow hover:scale-105 border-2 rounded-md transition-transform"
:class="highlight(theme.name)"
>
<button
@click="selectedTheme = theme.name"
class="p-5 py-1.5 border-4 rounded-md"
class="w-full p-2 border-4 rounded-md"
:style="`border-color: ${theme.extend.colors.primary}; background:${theme.extend.colors.crust}; color:${theme.extend.colors.contrast};`"
>
<p>{{ theme.name }}</p>
@ -137,18 +134,18 @@ export default {
</li>
</ul>
<div class="space-x-2 mt-3">
<button @click="save" class="bg-surface0 p-4 py-2 rounded-md">
{{ $t('settings.saveButton') }}
</button>
<button @click="download" class="bg-surface0 p-4 py-2 rounded-md">Export</button>
<div class="flex flex-wrap justify-center gap-3 mt-3 w-full">
<input
type="file"
@change="handleImport"
name="fileinput"
ref="fileinput"
class="bg-surface0 p-4 py-2 rounded-md"
class="bg-surface0 p-2 rounded-md flex-grow"
/>
<button @click="download" class="bg-surface0 p-2 rounded-md flex-grow">Export</button>
<button @click="save" class="bg-surface0 p-2 rounded-md flex-grow">
{{ $t('settings.saveButton') }}
</button>
</div>
</div>
</template>