GeorgeSG/vertex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles

Browse Source
This commit is contained in:
Georgi Gardev
2025-02-09 22:16:24 +02:00
parent e02c3f24eb
commit 9919c9414b
4 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ui/sidebar.module.css
View File

@@ -24,8 +24,7 @@
display: flex; display: flex;
margin-top: 2rem; margin-top: 2rem;
@media (min-width: em(250px)) { @media (max-width: em(600px)) {
margin-top: 0;
align-items: center; align-items: center;
> .Menu { > .Menu {

2
src/components/ui/sidebar.tsx
View File

@@ -27,7 +27,7 @@ export function Sidebar({ categories, activeCategory, selectCategory }: SidebarP
return ( return (
<div className={`${style.Sidebar} ${isInitialLoading ? style.Loading : ''}`}> <div className={`${style.Sidebar} ${isInitialLoading ? style.Loading : ''}`}>
<Box visibleFrom="md"> <Box visibleFrom="sm" style={{ flexGrow: 1 }} w="100%">
<WeatherWidget /> <WeatherWidget />
</Box> </Box>
<div className={style.MenuWrapper}> <div className={style.MenuWrapper}>

2
src/components/widgets/weather-widget.module.css
View File

@@ -1,6 +1,4 @@
.Weather { .Weather {
flex-grow: 1;
width: 100%;
height: 200px; height: 200px;
padding: 30px; padding: 30px;
display: flex; display: flex;

3
src/pages/index-page.tsx
View File

@@ -6,14 +6,13 @@ import { getRandomBackground } from '~/api/unsplash';
import { backgroundsAtom, onNextBackgroundAtom, settingsAtom } from '~/atoms'; import { backgroundsAtom, onNextBackgroundAtom, settingsAtom } from '~/atoms';
import { AppList } from '~/components/apps/app-list'; import { AppList } from '~/components/apps/app-list';
import { Sidebar } from '~/components/ui/sidebar'; import { Sidebar } from '~/components/ui/sidebar';
import { CurrentImageWidget } from '~/components/widgets/current-image-widget';
import { DateWidget } from '~/components/widgets/date-widget'; import { DateWidget } from '~/components/widgets/date-widget';
import { SearchWidget } from '~/components/widgets/search-widget'; import { SearchWidget } from '~/components/widgets/search-widget';
import { BACKGROUND_FETCH_MINS } from '~/config'; import { BACKGROUND_FETCH_MINS } from '~/config';
import { useActiveCategory } from '~/lib/use-active-category'; import { useActiveCategory } from '~/lib/use-active-category';
import { Background } from '~/types'; import { Background } from '~/types';
import { CurrentImageWidget } from '~/components/widgets/current-image-widget';
import { WeatherWidget } from '~/components/widgets/weather-widget';
import style from './index-page.module.css'; import style from './index-page.module.css';
export function IndexPage() { export function IndexPage() {