ui fix
This commit is contained in:
parent
e94986fdc0
commit
f71585c12d
@ -410,18 +410,18 @@ $: {
|
||||
|
||||
|
||||
|
||||
<body class="bg-[#09090B] text-slate-200 m-auto sm:mt-5 max-w-3xl sm:max-w-screen-xl">
|
||||
<body class="bg-[#09090B] sm:mt-5 max-w-3xl sm:max-w-screen-2xl">
|
||||
|
||||
|
||||
<!-- Page wrapper -->
|
||||
<div class="flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full supports-[overflow:clip]:overflow-clip pb-40">
|
||||
<div class="max-w-screen-xl flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full supports-[overflow:clip]:overflow-clip pb-40">
|
||||
|
||||
|
||||
|
||||
<main class="m-auto w-full ">
|
||||
<main class="m-auto w-full">
|
||||
|
||||
<!--Start Header-->
|
||||
<div class="w-full sm:rounded-2xl m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
|
||||
<div class="w-full sm:rounded-lg m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
|
||||
<!--End Header-->
|
||||
|
||||
|
||||
|
||||
@ -538,7 +538,7 @@ function updateVote(postVote) {
|
||||
<!--<section on:click={closePost} class="bg-[#141417] cursor-zoom-out min-h-screen">-->
|
||||
|
||||
<!--in:pageTransitionIn={{ duration: 250, screenWidth: $screenWidth }}-->
|
||||
<div class="overflow-hidden flex flex-row item-start w-full lg:mt-5 relative max-w-6xl m-auto lg:px-5 sm:pb-40">
|
||||
<div class="overflow-hidden flex flex-row item-start w-full lg:mt-5 relative max-w-3xl sm:max-w-screen-2xl lg:px-5 sm:pb-40">
|
||||
<!--Start Voting-->
|
||||
<div style="top: 4rem;" class="hidden lg:flex flex-col items-center relative h-fit sticky z-20 lg:mr-3 ">
|
||||
<!--Start Upvote-->
|
||||
@ -590,10 +590,10 @@ function updateVote(postVote) {
|
||||
<!--End Voting-->
|
||||
|
||||
|
||||
<div class="w-full bg-[#141417] max-w-5xl m-auto border sm:hover:border-slate-800 border-slate-800 rounded-none sm:rounded-xl ">
|
||||
<div class="w-full bg-[#141417] max-w-5xl border sm:hover:border-slate-800 border-slate-800 rounded-none sm:rounded-lg ">
|
||||
|
||||
<!-- Start Header -->
|
||||
<div style="top: 0.8rem;" class="sm:rounded-xl absolute h-12 sticky z-20 bg-[#141417] w-full {isScrolled && $screenWidth < 640 ? 'border-b border-gray-700 ease-in' : 'ease-out'}">
|
||||
<div style="top: 0.8rem;" class="sm:rounded-lg absolute h-12 sticky z-20 bg-[#141417] w-full {isScrolled && $screenWidth < 640 ? 'border-b border-gray-700 ease-in' : 'ease-out'}">
|
||||
<div class="flex flex-row items-center justify-between w-full pt-3">
|
||||
<a href={previousPage} class="absolute left-2 sm:left-4 sm:top-4">
|
||||
<svg class="w-5 h-5 inline-block sm:mr-1 sm:-mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
||||
|
||||
@ -553,7 +553,7 @@ onDestroy(async () => {
|
||||
|
||||
|
||||
|
||||
<body class="bg-[#09090B] text-slate-200 overflow-hidden mt-10 sm:mt-5">
|
||||
<body class="bg-[#09090B] max-w-3xl sm:max-w-screen-2xl overflow-hidden mt-10 sm:mt-5">
|
||||
|
||||
<!-- Page wrapper -->
|
||||
<div class="flex flex-col min-h-screen overflow-hidden">
|
||||
|
||||
@ -232,7 +232,7 @@ onMount(async () => {
|
||||
|
||||
|
||||
|
||||
<body class="bg-[#09090B] text-slate-200 overflow-hidden mt-10 sm:mt-5">
|
||||
<body class="bg-[#09090B] max-w-3xl sm:max-w-screen-2xl overflow-hidden mt-10 sm:mt-5">
|
||||
|
||||
<!-- Page wrapper -->
|
||||
<div class="flex flex-col min-h-screen overflow-hidden">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user