Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header Component #42

Merged
merged 6 commits into from
Jul 16, 2024
Merged

Header Component #42

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
51e01b6
Made skeleton header; Working on header tabs
BT-Creator Jul 15, 2024
0ab5066
Finished header & headerTab component
BT-Creator Jul 15, 2024
337928e
EOD; Busy with context menu
BT-Creator Jul 15, 2024
0b8c479
Moved signout button & functionality to header
BT-Creator Jul 16, 2024
2575f9c
Adding temp work for quick PR
BT-Creator Jul 16, 2024
13a8cc4
Fixed PR comments
BT-Creator Jul 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion loama/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,10 @@
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<title>Loama</title>
</head>
<body>
<div id="app"></div>
Expand Down
1 change: 1 addition & 0 deletions loama/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
"dependencies": {
"@inrupt/solid-client-authn-browser": "^2.2.4",
"loama-controller": "link:../controller",
"vite-svg-loader": "^5.1.0",
"vue": "^3.4.29",
"vue-router": "^4.3.3"
},
Expand Down
124 changes: 124 additions & 0 deletions loama/pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

72 changes: 67 additions & 5 deletions loama/src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,74 @@
<template>
<header>
<h1>LOAMA</h1>
</header>

<RouterView />
</template>

<script setup lang="ts">
</script>

<style scoped></style>
<style>
/* Variables */
:root {
--solid-purple: #7C4DFF;
--off-white: #F7F7F7;
--off-black: #170D33;
--lama-gray: #F7F7F7;
--base-unit: 0.5rem;
--base-corner: 0.5rem;
}

/* Reset CSS*/
/*
1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
margin: 0;
}
/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
/*
5. Improve media defaults
*/
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
/*
6. Remove built-in form typography styles
*/
input, button, textarea, select {
font: inherit;
}
/*
7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/*
8. Create a root stacking context
*/
#root, #__next {
isolation: isolate;
}

/* Global styles */
html{
background-color: var(--off-white);
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
</style>
Loading
Loading