diff --git a/gallery/static/js/login.js b/gallery/static/js/login.js index f3ea168..f7cd4cb 100644 --- a/gallery/static/js/login.js +++ b/gallery/static/js/login.js @@ -1,9 +1,10 @@ // Function to show login function showLogin() { popUpShow( - 'idk what to put here, just login please', + 'Login!', 'Need an account? Register!', - '', + '\ + ', '
\ \ \ @@ -57,7 +58,8 @@ function showRegister() { popUpShow( 'Who are you?', 'Already have an account? Login!', - '', + '\ + ', '\ \ \ diff --git a/gallery/static/js/popup.js b/gallery/static/js/popup.js index c253461..c564aa7 100644 --- a/gallery/static/js/popup.js +++ b/gallery/static/js/popup.js @@ -12,7 +12,6 @@ function popUpShow(title, body, actions, content) { // Set buttons that will be displayed popupActions.innerHTML = actions; - popupActions.innerHTML += ''; // Show popup popup.style.display = 'block'; diff --git a/gallery/templates/image.html b/gallery/templates/image.html index d66d80a..8839b94 100644 --- a/gallery/templates/image.html +++ b/gallery/templates/image.html @@ -264,8 +264,9 @@ popUpShow( 'DESTRUCTION!!!!!!', 'This will delete the image and all of its data!!! This action is irreversible!!!!! Are you sure you want to do this?????', - '', - '' + '\ + ', + '' ); }); function deleteImage() { diff --git a/gallery/themes/default/components/buttons/block.sass b/gallery/themes/default/components/buttons/block.sass index b4cd78b..31774e6 100644 --- a/gallery/themes/default/components/buttons/block.sass +++ b/gallery/themes/default/components/buttons/block.sass @@ -27,7 +27,7 @@ text-align: center background-color: transparent - color: $black + color: $white border: none border-radius: $rad-inner @@ -37,7 +37,6 @@ &:hover background-color: $black - color: $white &:focus-visible outline: 2px solid rgba($black, 0.5) @@ -74,23 +73,33 @@ font-weight: 600 text-align: left - background-color: $black + background-color: transparent color: $white border: none + border-bottom: 3px solid $gray border-radius: $rad-inner cursor: pointer transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out - &:hover - outline: 2px solid rgba($white, 0.5) + &:not(:focus):not([value=""]):not(:placeholder-shown) + border-color: $white - &:focus-visible - outline: 2px solid rgba($white, 0.5) + &:hover + border-color: $white + + &:focus + border-color: $primary + outline: none &.file padding: 0 1rem 0 0 + border: none + background-color: $black2 + + &:focus-visible + outline: 2px solid rgba($white, 0.5) &::file-selector-button margin-right: 1rem @@ -109,4 +118,3 @@ &:not([value=""]) display: none - diff --git a/gallery/themes/default/components/elements/pop-up.sass b/gallery/themes/default/components/elements/pop-up.sass index 07aebf8..8408245 100644 --- a/gallery/themes/default/components/elements/pop-up.sass +++ b/gallery/themes/default/components/elements/pop-up.sass @@ -39,7 +39,7 @@ display: flex flex-direction: column - background-color: $white + background-color: $black border-radius: $rad overflow: hidden @@ -48,14 +48,14 @@ .pop-up-content margin: 0 - padding: 0.5rem 0.5rem 0 + padding: 1rem width: 100% height: auto display: flex flex-direction: column - gap: 0.5rem + gap: 1rem overflow-y: auto overflow-x: hidden @@ -75,8 +75,8 @@ text-align: center line-height: 1 - color: $black - background-color: $white + color: $white + background-color: $black p margin: 0 @@ -88,7 +88,7 @@ text-align: center line-height: 1 - color: $black + color: $white img margin: auto @@ -126,6 +126,8 @@ justify-content: flex-end gap: 0.5rem + background-color: $black2 + &.active opacity: 1 diff --git a/gallery/themes/default/components/elements/upload-panel.sass b/gallery/themes/default/components/elements/upload-panel.sass index 0ce36b6..2f5ea5b 100644 --- a/gallery/themes/default/components/elements/upload-panel.sass +++ b/gallery/themes/default/components/elements/upload-panel.sass @@ -43,45 +43,8 @@ align-items: center gap: 0.5rem - input - margin: 0 - padding: 0.5rem 1rem - + input, button width: 100% - height: 2.5rem - - font-size: 1rem - font-weight: 600 - - color: $white - background-color: $black2 - - border: none - border-radius: $rad-inner - - &::placeholder - color: $white - - button - margin: 0 - padding: 0.5rem 1rem - - width: 100% - height: 2.5rem - - font-size: 1rem - font-weight: 600 - - color: $white - background-color: $primary - - border: none - border-radius: $rad-inner - cursor: pointer - - &:hover - background-color: $black2 - color: $primary .click-off position: absolute @@ -95,7 +58,7 @@ .container - padding: 0.5rem + padding: 1rem position: absolute bottom: 0 @@ -225,8 +188,6 @@ bottom: 3.5rem .container - padding: 1rem - width: 100% height: calc(100% - 10rem) diff --git a/gallery/themes/default/components/gallery.sass b/gallery/themes/default/components/gallery.sass index 5992eaf..5ba2a2a 100644 --- a/gallery/themes/default/components/gallery.sass +++ b/gallery/themes/default/components/gallery.sass @@ -50,7 +50,7 @@ font-size: 1rem font-weight: 600 - color: $primary + color: $white text-overflow: ellipsis overflow: hidden diff --git a/gallery/themes/default/variables.sass b/gallery/themes/default/variables.sass index 42ce355..1dbb2d0 100644 --- a/gallery/themes/default/variables.sass +++ b/gallery/themes/default/variables.sass @@ -1,5 +1,6 @@ $black: #151515 $black2: #101010 +$gray: #666 $white: #E8E3E3 $red: #B66467