Make ui larger on larger screens

This commit is contained in:
dragongoose 2023-06-07 19:00:58 -04:00
parent 05debf57ec
commit 1fd49d6c25
Signed by: dragongoose
GPG key ID: 50DB99B921579009
2 changed files with 2 additions and 2 deletions

View file

@ -83,7 +83,7 @@ export default {
}
</script>
<template>
<div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-[99vw] md:max-w-[15.625rem] flex flex-col">
<div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-[99vw] md:max-w-[15.625rem] lg:max-w-[20rem] flex flex-col">
<!-- SYSTEM MESSAGES -->
<ul

View file

@ -87,7 +87,7 @@ export default {
class="w-full justify-center md:inline-flex space-y-4 md:space-y-0 md:space-x-4 md:p-4"
>
<div
class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] text-white"
class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] lg:max-w-[70rem] text-white"
>
<div v-if="data.isLive" class="w-full mx-auto rounded-lg mb-5">
<video-player :options="videoOptions"> </video-player>