wisecolt/smarthome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css fix

Browse Source
This commit is contained in:
szbk
2024-04-06 22:43:02 +03:00
parent 11013931cc
commit 500c3d7a05
2 changed files with 72 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Details.svelte
View File

@@ -21,6 +21,15 @@
onMount(fetchData); onMount(fetchData);
</script> </script>
<div> <div class="body">
<DeviceDetails {deviceLog} /> <DeviceDetails {deviceLog} />
</div> </div>
<style>
.body {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
</style>

63
src/libs/DeviceDetails.svelte
View File

@@ -32,4 +32,65 @@
</div> </div>
<style> <style>
</style> .table-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
flex-direction: column;
background-color: white;
width: 95%;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 3, 0.05);
}
.table {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.table-head-item {
width: 100%;
display: flex;
justify-content: start;
align-items: center;
padding: 5px 10px 10px 10px;
color: #535151;
font-size: 16px;
}
.table-row {
display: flex;
width: 100%;
text-decoration: none;
color: inherit;
}
.table-body-item {
width: calc(100% / 7);
display: flex;
justify-content: start;
padding: 5px 10px 10px 10px;
}
.table-head {
font-size: 15px;
}
.divider {
width: 100%;
background-color: #f2f2f2;
height: 1px;
}
/* Link bileşeni üzerinde cursor:pointer stilini uygulama */
:global(.svelte-routing-link) {
display: flex;
width: 100%;
text-decoration: none;
color: inherit;
}
:global(.svelte-routing-link:hover) {
cursor: pointer;
display: flex;
width: 100%;
text-decoration: none;
color: inherit;
background-color: #f3f3f3;
}
</style>