0.2.2

BenjaminAster · Sep 26, 2024 · eda0b9a · eda0b9a
1 parent c97b988
commit eda0b9a
Show file tree

Hide file tree

Showing 16 changed files with 321 additions and 352 deletions.
diff --git a/src/app.tsx b/src/app.tsx
diff --git a/src/components/editor.tsx b/src/components/editor.tsx
@@ -36,6 +36,7 @@ export default () => {
 			@layer elements {
 				& {
 					block-size: 100%;
+					--split-proportion: 0.5;
 					display: flex;
 					box-sizing: border-box;
 					/* background-color: var(--gray-1); */

diff --git a/src/components/files.tsx b/src/components/files.tsx
@@ -14,7 +14,7 @@ export default () => {
 		</nav>
 
 		<div className="main-area">
-			<h2 on:click={() => alert} className="icon:folder">Folders</h2>
+			<h2 className="icon:folder">Folders</h2>
 
 			<ul className="items folders">
 				<template>

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -2,7 +2,7 @@
 import { css } from "winzig";
 
 export default () => {
-	return <div>
+	return <div className="header">
 		<header>
 			<img src="./assets/icon.svg" className="logo" alt="icon of PAMM" width={1} height={1} />
 			<h1 className="title">PAMM</h1>

diff --git a/src/css/main.css b/src/css/main.css
@@ -34,7 +34,7 @@
 			background: none;
 		}
 
-		c-header, dialog {
+		.header, dialog {
 			display: none;
 		}
 	}
@@ -44,20 +44,6 @@
 	}
 }
 
-c-editor {
-	display: block;
-	block-size: 100%;
-	--split-proportion: 0.5;
-}
-
-c-header {
-	display: block;
-}
-
-c-files {
-	display: block;
-}
-
 @layer main {
 	@media not print {
 		:root:not(.light-theme) {
@@ -428,7 +414,7 @@ c-files {
 		}
 
 		&[data-transition="toggling-layout"] {
-			& c-header {
+			& .header {
 				view-transition-name: header;
 			}