dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-06-06 16:20:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: admin dashboard styling improvements

Browse source
This commit is contained in:
EETagent 2022-12-04 19:40:04 +01:00
parent 818850aa13
commit 88eaca9036
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
View file

@ -33,9 +33,8 @@
</script> </script>
<div> <div>
<div class="header" style={`background-image: url(${backgroundImage});`} />
<div class="flex flex-row"> <div class="flex flex-row">
<div class="list"> <div class="list fixed">
{#each filters as filter} {#each filters as filter}
<div class:selected={filter === activeFilter}> <div class:selected={filter === activeFilter}>
<Home /> <Home />
@ -95,14 +94,12 @@
</div> </div>
<style> <style>
.header {
@apply h-16 w-full;
}
.list { .list {
@apply h-[100vh] w-96; @apply h-full w-96;
@apply float-left overflow-scroll; @apply float-left overflow-scroll;
@apply border-r border-gray-400; @apply border-r border-gray-400;
@apply bg-white
} }
.list div { .list div {
@ -146,9 +143,9 @@
} }
.body { .body {
@apply h-[100vh] w-[calc(100vw-96px)]; @apply h-full w-full;
@apply float-left overflow-hidden; @apply float-left overflow-hidden;
@apply my-6 mx-10; @apply my-6 mx-12 ml-[27rem];
} }
.body .controls { .body .controls {