Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

update: design spec.

Browse Source
This commit is contained in:
ItzNotABug
2024-09-28 18:36:00 +05:30
parent 68488f9e4f
commit 922b8b8cd7
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/project-[project]/databases/database-[database]/backups/+page.svelte
+7 -1
View File
@@ -135,7 +135,7 @@
<Container size="xxl">
<div class="u-flex u-gap-32 u-flex-vertical-mobile">
{#if !isDisabled}
<div class="u-flex-vertical">
<div class="u-flex-vertical policies-holder-card">
<ContainerHeader
title="Policies"
buttonText="Create policy"
@@ -242,4 +242,10 @@
text-align: center;
align-content: center;
}
@media (min-width: 768px) {
.policies-holder-card {
max-width: 21.5rem;
}
}
</style>
src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
+8 -8
View File
@@ -98,8 +98,8 @@
<div class="u-flex u-flex-vertical u-gap-16">
<Card
class="backups-policy-list-card u-margin-block-start-24"
style="--card-padding: 0.5rem; --card-padding-mobile: 0.5rem; min-width: 21.5rem;">
<div class="u-flex-vertical-mobile">
style="padding: 0; min-width: 21.5rem;">
<div class="inner-card u-flex-vertical-mobile">
{#each policies.policies as policy, index (policy.$id)}
<div
class="policy-card-item-padding u-flex-vertical u-gap-10"
@@ -144,7 +144,7 @@
</div>
<div
class="policy-cycles u-flex u-cross-center u-padding-block-2 policy-item-subtitles">
class="policy-cycles u-flex u-main-space-between u-padding-block-2 policy-item-subtitles">
<div style="width: 128px" class="u-flex-vertical policy-item-caption">
<span style="color: #97979B">Previous</span>
<div
@@ -279,10 +279,14 @@
</Modal>
<style>
.inner-card {
margin: 0 -1px;
padding: 0.5rem;
}
.u-border-vertical {
width: 1px;
height: 34px;
margin: 0 1.5rem;
background-color: hsl(var(--color-border));
}
@@ -331,10 +335,6 @@
font-family: Inter;
}
.policy-cycles {
margin-block: 0.125rem;
}
:global(.input-check-box-friction .choice-item-title) {
margin-block-start: 1px;
}