Skip to content

Commit

Permalink
fix: oops left theme editor in
Browse files Browse the repository at this point in the history
  • Loading branch information
OCDkirby committed Nov 17, 2023
1 parent 8b6f684 commit 822b07d
Showing 1 changed file with 32 additions and 35 deletions.
67 changes: 32 additions & 35 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -115,45 +115,42 @@ const darkThemeOverrides: GlobalThemeOverrides = {

<template>
<n-config-provider :theme="theme" :themeOverrides="theme === null ? lightThemeOverrides : darkThemeOverrides">
<n-theme-editor>
<n-layout :class="`layout-${theme === null ? 'light' : 'dark'}`">
<div class="wrapper">
<div class="top-portion-wrapper">
<Suspense>
<TopBarMenu :themex="theme" :toggle="toggleTheme" />
</Suspense>
<div class="columns">
<div id="main-column" class="column">
<div class="top-main">
<Suspense>
<Hook :themex="theme" />
</Suspense>
</div>

<!-- todo put something here if necessary -->
<div class="column-content" />
</div>
<div id="right-column" class="column">
<div class="top-right">
<MainCard :themex="theme" />
</div>
<div class="column-content">
<!-- <iframe src="https://discord.com/widget?id=252023769500090368&theme=dark" width="250" height="400" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe> -->
</div>
</div>
<div class="wrapper">
<div class="top-portion-wrapper">
<Suspense>
<TopBarMenu :themex="theme" :toggle="toggleTheme" />
</Suspense>
<div class="columns">
<div id="main-column" class="column">
<div class="top-main">
<Suspense>
<Hook :themex="theme" />
</Suspense>
</div>

<!-- todo put something here if necessary -->
<div class="column-content" />
</div>
<n-divider />
<div class="bottom-portion-wrapper">
<n-carousel autoplay direction="horizontal" dot-type="line">
<img class="carousel-img" src="/assets/we-are-doomed.png">
<img class="carousel-img" src="/assets/sample-1.png">
<img class="carousel-img" src="/assets/steamydeck.jpg">
</n-carousel>
<div id="right-column" class="column">
<div class="top-right">
<MainCard :themex="theme" />
</div>
<div class="column-content">
<!-- <iframe src="https://discord.com/widget?id=252023769500090368&theme=dark" width="250" height="400" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe> -->
</div>
</div>
</div>
</n-layout>
</n-theme-editor>
</div>
<n-divider />
<div class="bottom-portion-wrapper">
<n-carousel autoplay direction="horizontal" dot-type="line">
<img class="carousel-img" src="/assets/we-are-doomed.png">
<img class="carousel-img" src="/assets/sample-1.png">
<img class="carousel-img" src="/assets/steamydeck.jpg">
</n-carousel>
</div>
</div>
</n-layout>
</n-config-provider>
</template>

Expand Down

0 comments on commit 822b07d

Please sign in to comment.