aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/generativeFill/GenerativeFill.scss
diff options
context:
space:
mode:
authorNathan-SR <144961007+Nathan-SR@users.noreply.github.com>2025-03-11 17:43:05 +0100
committerNathan-SR <144961007+Nathan-SR@users.noreply.github.com>2025-03-11 17:43:05 +0100
commitfa937182bc93aa2c6faadda80ea998cdfd479b4e (patch)
treecba8e16edcccc6fd2932173484ac444cb79abea2 /src/client/views/nodes/generativeFill/GenerativeFill.scss
parentcf91c46cfec6e3e36b9184764016f9c1b5c997d4 (diff)
parent04669ffeb163688c7aefd7b5face7998252abdca (diff)
Merge branch 'master' of https://github.com/brown-dash/Dash-Web into DocCreatorMenu-work
Diffstat (limited to 'src/client/views/nodes/generativeFill/GenerativeFill.scss')
-rw-r--r--src/client/views/nodes/generativeFill/GenerativeFill.scss97
1 files changed, 0 insertions, 97 deletions
diff --git a/src/client/views/nodes/generativeFill/GenerativeFill.scss b/src/client/views/nodes/generativeFill/GenerativeFill.scss
deleted file mode 100644
index c2669a950..000000000
--- a/src/client/views/nodes/generativeFill/GenerativeFill.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-$navHeight: 5rem;
-$canvasSize: 1024px;
-$scale: 0.5;
-
-.generativeFillContainer {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 9999;
- height: 100vh;
- width: 100vw;
- display: flex;
- flex-direction: column;
- overflow: hidden;
-
- .generativeFillControls {
- flex-shrink: 0;
- height: $navHeight;
- color: #000000;
- background-color: #ffffff;
- z-index: 999;
- width: 100%;
- display: flex;
- gap: 3rem;
- justify-content: space-between;
- align-items: center;
- border-bottom: 1px solid #c7cdd0;
- padding: 0 2rem;
-
- h1 {
- font-size: 1.5rem;
- }
- }
-
- .drawingArea {
- cursor: none;
- touch-action: none;
- position: relative;
- flex-grow: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- background-color: #f0f4f6;
-
- canvas {
- display: block;
- position: absolute;
- transform-origin: 50% 50%;
- }
-
- .pointer {
- pointer-events: none;
- position: absolute;
- border-radius: 50%;
- width: 50px;
- height: 50px;
- border: 1px solid #ffffff;
- transform: translate(-50%, -50%);
- display: flex;
- justify-content: center;
- align-items: center;
-
- .innerPointer {
- width: 100%;
- height: 100%;
- border: 1px solid #000000;
- border-radius: 50%;
- }
- }
-
- .iconContainer {
- position: absolute;
- top: 2rem;
- left: 2rem;
- display: flex;
- flex-direction: column;
- gap: 2rem;
- }
-
- .editsBox {
- position: absolute;
- top: 2rem;
- right: 2rem;
- display: flex;
- flex-direction: column;
- gap: 1rem;
-
- img {
- transition: all 0.2s ease-in-out;
- &:hover {
- opacity: 0.8;
- }
- }
- }
- }
-}