STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

move and refactor scss

Browse Source
This commit is contained in:
James Collins
2023-02-28 08:49:54 +10:00
parent 7320094a87
commit cc38a45fd0
2 changed files with 19 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/css/app.scss
View File

@@ -136,30 +136,6 @@ code {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/* Dialog */
.modal {
position: fixed;
display: flex;
top: 0;
left: 0;
bottom: 0;
right: 0;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: 1000;
padding: 1rem;
.dialog {
flex: 0 0 auto;
margin: 0;
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
}
/* Page Errors */ /* Page Errors */
.page-error { .page-error {
display: flex; display: flex;

19
resources/js/components/SMModal.vue
View File

@@ -15,3 +15,22 @@ onUnmounted(() => {
document.getElementsByTagName("body")[0].style.overflow = "auto"; document.getElementsByTagName("body")[0].style.overflow = "auto";
}); });
</script> </script>
<style lang="scss">
.sm-modal {
position: fixed;
display: flex;
top: 0;
left: 0;
bottom: 0;
right: 0;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: 1000;
padding: 1rem;
}
</style>