ui styling

This commit is contained in:
Tamius Han 2024-06-08 03:23:49 +02:00
parent 76c4599dee
commit 16c34e3d52
2 changed files with 9 additions and 3 deletions

View File

@ -181,7 +181,7 @@ export default {
// {id: 'advancedOptions', label: 'Advanced options', icon: 'cogs' }, // {id: 'advancedOptions', label: 'Advanced options', icon: 'cogs' },
// {id: 'debugging', label: 'Debugging', icon: 'bug-outline' } // {id: 'debugging', label: 'Debugging', icon: 'bug-outline' }
{id: 'changelog', label: 'What\'s new', icon: 'information-box-outline' }, {id: 'changelog', label: 'What\'s new', icon: 'information-box-outline' },
{id: 'about', label: 'About', icon: ''} {id: 'about', label: 'About', icon: 'star-four-points-circle'}
], ],
selectedTab: 'videoSettings', selectedTab: 'videoSettings',
BrowserDetect: BrowserDetect, BrowserDetect: BrowserDetect,
@ -247,6 +247,12 @@ export default {
// height: 100%; // height: 100%;
// } // }
.tab-row {
width: 22rem;
flex-grow: 0;
flex-shrink: 0;
}
.tab-main { .tab-main {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;

View File

@ -7,7 +7,7 @@
</p> </p>
<div class="flex flex-row gap-2 bg-black"> <div class="flex flex-row gap-2 bg-black">
<div class="w-[1/2]"> <div class="w-[1/2]" style="width: 50%">
<h2>Report a problem</h2> <h2>Report a problem</h2>
<p> <p>
You may report <strike>undocumented features</strike> bugs using one of the following options (in order of preference): You may report <strike>undocumented features</strike> bugs using one of the following options (in order of preference):
@ -35,7 +35,7 @@
</p> </p>
</div> </div>
<div class="w-[1/2]"> <div class="w-[1/2]" style="width: 50%">
<h2>Thank you monies</h2> <h2>Thank you monies</h2>
<p> <p>
If you think I deserve money for the work I did up to this point, you can bankroll my caffeine addiction. If you think I deserve money for the work I did up to this point, you can bankroll my caffeine addiction.