Files
Termix/frontend/src/App.css
T
Karmaa 15e1fd215e Release 1.0 (#3)
* Nano and timeout error fix #1

* Nano and timeout error fix #2

* Nano and timeout error fix #3

* Nano and timeout error fix #4

* Nano and timeout error fix #5

* Nano and timeout error fix #6

* Nano and timeout error fix #7 (plus css changes for hide buttons)

* Nano and timeout error fix #8 (zoom method)

* Nano zoom fix #9

* Nano zoom fix #10

* Nano zoom fix #11

* Nano zoom fix #12

* Nano zoom fix #13

* Nano zoom fix #14

* Nano zoom fix #15

* Nano zoom fix #16 (ssh-2-promise)

* Nano zoom fix #17 (ssh-2-promise port  fix)

* Full return back to old code with minor fixes

* Terminal size fix #18 (rows & cols fix)

* Test ntfy build notification system

* Silent resize cmds & Auto resize terminal #1

* Silent resize cmds & Auto resize terminal #2

* Docker build update

* Docker build update #2

* Docker build update #3

* Docker build update #4 (cache and cleanup)

* Docker build update #5 (cache and cleanup)

* Docker build update #6 (cache and cleanup)

* Docker build update #7 (final)

* Docker build update #8 (nevermind not finanl)

* Docker build update #9 (nevermind not finanl)

* Docker build update #10

* Docker build update #10 (I hope final)

* Docker build update #10 (actual final)

* Release 1.0!!!!

* Repo clean-up

* Remove files ignored by .gitignore

* Change project name, create logo, change README.md to be soon updated.

* Update README.md #1 (also added MIT License)

* Update README.md #2

* Update README.md #3

* Update README.md #4

* Update README.md #5

* Update README.md #6

* Update README.md #7

* Update README.md

* Add images

* Update image name

* Update README.md

* Final changes to release-1.0

* Update README.md

* Update name (need to fix logo)

* Final updates (I hope for real this time)

* Fix web-socket timeout.

* Fix timeout on close.
2024-12-12 18:46:43 -06:00

89 lines
1.5 KiB
CSS

.app-container {
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: #000000;
font-family: Arial, sans-serif;
}
.main-content {
display: flex;
height: 100vh;
width: 100%;
margin: 0;
}
.sidebar {
background-color: #1a1a1a;
padding: 35px 35px 35px 20px;
width: 250px;
color: white;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.sidebar.hidden {
display: none;
}
.sidebar h2 {
margin-bottom: 15px;
}
.sidebar input {
margin-bottom: 10px;
padding: 10px;
width: 100%;
background-color: rgb(108, 108, 108);
border: 1px solid #bdc3c7;
border-radius: 5px;
margin-left: -4px;
color: white;
}
.sidebar button {
padding: 10px;
background-color: rgb(108, 108, 108);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-left: -4px;
}
.sidebar button:disabled {
background-color: #141414;
}
.hide-sidebar-button {
position: fixed;
bottom: 10px;
right: 23px;
background-color: rgb(108, 108, 108);
color: white;
border: none;
border-radius: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
z-index: 10;
}
.terminal-container {
background-color: #1e1e1e;
border-radius: 0px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
overflow: auto;
height: 100%;
flex-grow: 1;
overflow: hidden;
position: relative;
}