summaryrefslogtreecommitdiff
path: root/client-web/style
diff options
context:
space:
mode:
Diffstat (limited to 'client-web/style')
-rw-r--r--client-web/style/master.sass99
-rw-r--r--client-web/style/menu.sass8
-rw-r--r--client-web/style/prefs.sass20
-rw-r--r--client-web/style/side.sass25
-rw-r--r--client-web/style/start.sass74
5 files changed, 119 insertions, 107 deletions
diff --git a/client-web/style/master.sass b/client-web/style/master.sass
index 390f2c8..67313b9 100644
--- a/client-web/style/master.sass
+++ b/client-web/style/master.sass
@@ -6,14 +6,16 @@
@use 'chat'
@use 'logger'
@use 'room'
-@use 'prefs'
+@use 'side'
@use 'menu'
+@use 'start'
@import url("/assets/font/include.css")
@import url("/overrides.css")
*
font-family: "Ubuntu", sans-serif
+ font-weight: 300
color: white
margin: 0px
padding: 0px
@@ -31,8 +33,20 @@ body.start
overflow: hidden
body
- font-weight: 300
+ height: 100vh
+ width: 100vw
+ overflow: hidden
background-color: var(--bg-dark)
+ display: flex
+ flex-direction: column
+
+.main
+ flex: 1
+ display: flex
+ flex-flow: row
+.control-bar
+ flex: 0
+
h1
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75)
@@ -75,84 +89,3 @@ button:disabled,
.side-ui-control input
display: none
-
-.start-box
- text-align: center
- position: absolute
- max-width: 64em
-
-.instructions
- margin-bottom: 0.5em
- font-size: x-large
- color: #c5c5c5
- text-align: left
-
-.start-box input[type="text"]
- margin: 2em 0 1em 0
- width: 25em
- font-weight: 500
- color: whitesmoke
- border: 0.15em solid var(--ac)
- background-color: rgba(0, 0, 0, 0.3)
- backdrop-filter: blur(5px)
- border-radius: 0.5em
- outline: none
-
-.start-box input[type="text"]:focus
- transition: 0.1s ease-out
- background-color: rgba(0, 0, 0, 0.5)
- border-color: lightgray !important
-
-.start-box input[type="button"]
- margin: 1em 0 1em 0
- border-radius: 0.5em
- font-size: x-large
- width: 12em
- padding: 0.5em
- font-weight: 500
- color: white
- background-color: var(--ac)
- backdrop-filter: blur(5px)
- border: 0
- cursor: pointer
- border: 0.15em solid var(--ac)
-
-.start-box .description
- margin-bottom: 1.5em
- font-size: x-large
- font-weight: bold
- text-align: center
-
-.main
- height: calc(100vh - 64px)
- display: flex
-
-#room-id-input
- padding: 0.5em
- font-size: x-large
-
-@media (max-width: 1100px)
- .start-box
- max-width: 90%
-
- .start-box input[type="text"]
- width: 90%
-
-@media (max-width: 900px) and (max-height: 700px), (max-height: 550px)
- h1
- font-size: 3em
- font-weight: 700
- text-align: center
-
- .instructions
- font-size: large
-
- .start-box .description
- font-size: large
-
- #room-id-input
- padding: 0.5em
- font-size: large
-
- .start-box input[type="button"]
- font-size: large
diff --git a/client-web/style/menu.sass b/client-web/style/menu.sass
index 0ca804e..1c5d8f1 100644
--- a/client-web/style/menu.sass
+++ b/client-web/style/menu.sass
@@ -5,22 +5,22 @@
.control-bar
background-color: var(--bg)
+ padding: 0.75em
+ width: calc(100% - 1.5em)
border: 0px solid transparent
display: flex
align-items: center
justify-content: center
- width: 100%
- height: 64px
z-index: 100
-.menu-br
+.info-br
position: fixed
bottom: 0px
right: 0px
display: block
text-align: right
-.menu-br .version
+.info-br .version
font-size: medium
font-weight: bold
color: var(--ac-light)
diff --git a/client-web/style/prefs.sass b/client-web/style/prefs.sass
deleted file mode 100644
index 07a18b9..0000000
--- a/client-web/style/prefs.sass
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
- which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
- Copyright (C) 2023 metamuffin <metamuffin@disroot.org>
-
-.prefs-overlay
- position: fixed
- z-index: 80
-
- left: 50%
- bottom: 5em
- transform: translateX(-50%)
-
- width: min(50em, 80vw)
- height: min(40em, 60vh)
-
- background-color: var(--bg)
- border-radius: 1em
- padding: 2em
- overflow-y: auto
diff --git a/client-web/style/side.sass b/client-web/style/side.sass
new file mode 100644
index 0000000..0f4e97c
--- /dev/null
+++ b/client-web/style/side.sass
@@ -0,0 +1,25 @@
+
+.side-ui
+ flex: 0
+ >div
+ width: 50em
+ float: right
+
+ >div.animate-in
+ animation-name: side-slide-in
+ animation-duration: 0.5s
+ >div.animate-out
+ animation-name: side-slide-out
+ animation-duration: 0.5s
+
+@keyframes side-slide-in
+ from
+ transform: translateX(100%)
+ to
+ transform: translateX(0%)
+
+@keyframes side-slide-out
+ from
+ transform: translateX(0%)
+ to
+ transform: translateX(100%)
diff --git a/client-web/style/start.sass b/client-web/style/start.sass
new file mode 100644
index 0000000..19d80e6
--- /dev/null
+++ b/client-web/style/start.sass
@@ -0,0 +1,74 @@
+.start-box
+ text-align: center
+ position: absolute
+ max-width: 64em
+
+ .instructions
+ margin-bottom: 0.5em
+ font-size: x-large
+ color: #c5c5c5
+ text-align: left
+
+ input[type="text"]
+ margin: 2em 0 1em 0
+ width: 25em
+ font-weight: 500
+ color: whitesmoke
+ border: 0.15em solid var(--ac)
+ background-color: rgba(0, 0, 0, 0.3)
+ backdrop-filter: blur(5px)
+ border-radius: 0.5em
+ outline: none
+
+ input[type="text"]:focus
+ transition: 0.1s ease-out
+ background-color: rgba(0, 0, 0, 0.5)
+ border-color: lightgray !important
+
+ input[type="button"]
+ margin: 1em 0 1em 0
+ border-radius: 0.5em
+ font-size: x-large
+ width: 12em
+ padding: 0.5em
+ font-weight: 500
+ color: white
+ background-color: var(--ac)
+ backdrop-filter: blur(5px)
+ border: 0
+ cursor: pointer
+ border: 0.15em solid var(--ac)
+
+ .description
+ margin-bottom: 1.5em
+ font-size: x-large
+ font-weight: bold
+ text-align: center
+
+ #room-id-input
+ padding: 0.5em
+ font-size: x-large
+
+ @media (max-width: 1100px)
+ max-width: 90%
+ input[type="text"]
+ width: 90%
+
+ @media (max-width: 900px) and (max-height: 700px), (max-height: 550px)
+ h1
+ font-size: 3em
+ font-weight: 700
+ text-align: center
+
+ .instructions
+ font-size: large
+
+ .description
+ font-size: large
+
+ #room-id-input
+ padding: 0.5em
+ font-size: large
+
+ input[type="button"]
+ font-size: large
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-10-08 19:53:35 +0000