alihan/pyscript-python-html
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2022-05-01 19:47:48 +03:00
Code Issues Projects Releases Wiki Activity

fix table of details navbar

Browse Source
This commit is contained in:
Fabio Pliger
2022-03-20 10:53:53 -05:00
parent 9df0974b4c
commit 0fc46d2220
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pyscriptjs/src/ComponentDetailsNav.svelte
View File

@@ -50,9 +50,13 @@
transition: right 1s;
}
.properties{
font-family: 'Courier New', monospace;
}
</style>
<nav id="component-detail-bar" class="absolute z-10 h-full mb-6 pin-y bg-white shadow-md rightsidebar" class:rightsidebar-inactive="{ !showMe }" class:slide-right="{ showMe }">
<nav id="component-detail-bar" class="properties absolute z-10 h-full mb-6 pin-y bg-white shadow-md rightsidebar" class:rightsidebar-inactive="{ !showMe }" class:slide-right="{ showMe }">
<div class="flex flex-column w-full text-lg p-4 bg-grey-lighter shadow-md">
<button id="menu-switch" class="focus:outline-none" on:click={toggleNavBar}>
<Fa icon={faArrowRight} />
@@ -62,19 +66,19 @@
</div>
</div>
<form>
<table class="table-fixed">
<table class="table-fixed border-collapse table-auto w-full text-sm">
<thead>
<tr>
<th class="text-left">Property</th>
<th class="text-right">Value</th>
<th class="text-left border-b dark:border-slate-600 font-medium p-4 pl-8 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">Property</th>
<th class="text-center border-b dark:border-slate-600 font-medium p-4 pl-8 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">Value</th>
</tr>
</thead>
<tbody>
{#each $currentComponentDetails as attribute}
<tr>
<td>{attribute.key}</td>
<td> <input class="text-right" placeholder={attribute.value} value="{attribute.value}"></td>
<tr class="border">
<td class="border bg-gray-300">{attribute.key}</td>
<td class="border"> <input class="text-center" placeholder={attribute.value} value="{attribute.value}"></td>
</tr>
{/each}