chore: Design improvements (#10732)
This commit is contained in:
@@ -60,7 +60,7 @@ const togglePortalSwitcher = () => {
|
|||||||
<template>
|
<template>
|
||||||
<section class="flex flex-col w-full h-full overflow-hidden bg-n-background">
|
<section class="flex flex-col w-full h-full overflow-hidden bg-n-background">
|
||||||
<header class="sticky top-0 z-10 px-6 pb-3 lg:px-0">
|
<header class="sticky top-0 z-10 px-6 pb-3 lg:px-0">
|
||||||
<div class="w-full max-w-[960px] mx-auto">
|
<div class="w-full max-w-[960px] mx-auto lg:px-6">
|
||||||
<div
|
<div
|
||||||
v-if="showHeaderTitle"
|
v-if="showHeaderTitle"
|
||||||
class="flex items-center justify-start h-20 gap-2"
|
class="flex items-center justify-start h-20 gap-2"
|
||||||
@@ -96,7 +96,7 @@ const togglePortalSwitcher = () => {
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="flex-1 px-6 overflow-y-auto lg:px-0">
|
<main class="flex-1 px-6 overflow-y-auto lg:px-0">
|
||||||
<div class="w-full max-w-[960px] mx-auto py-3">
|
<div class="w-full max-w-[960px] mx-auto py-3 lg:px-6">
|
||||||
<slot name="content" />
|
<slot name="content" />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -63,7 +63,7 @@ const pageInfo = computed(() => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="flex justify-between h-12 w-full max-w-[957px] outline outline-n-container outline-1 mx-auto bg-n-solid-2 rounded-xl py-2 ltr:pl-4 rtl:pr-4 ltr:pr-3 rtl:pl-3 items-center"
|
class="flex justify-between h-12 w-full max-w-[957px] outline outline-n-container outline-1 -outline-offset-1 mx-auto bg-n-solid-2 rounded-xl py-2 ltr:pl-4 rtl:pr-4 ltr:pr-3 rtl:pl-3 items-center before:absolute before:inset-x-0 before:-top-4 before:bg-gradient-to-t before:from-n-background before:from-10% before:dark:from-0% before:to-transparent before:h-4 before:pointer-events-none"
|
||||||
>
|
>
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
<span class="min-w-0 text-sm font-normal line-clamp-1 text-n-slate-11">
|
<span class="min-w-0 text-sm font-normal line-clamp-1 text-n-slate-11">
|
||||||
|
|||||||
Reference in New Issue
Block a user